:root {
    --red--primary_color: #ebecf0;
    --secondary_color: #bb2649;
    --header_color: var(--secondary_color);
    --alt_color: #d6dee6;
    --card_color: #f2f3f9; /*#ebecf0;*/
    --title_color: white;
    --card_header: var(--header_color);
    --menu_color: var(--primary_color);
    --f7-dialog-button-text-color: var(--secondary_color);
    --f7-label-focused-text-color: black;
    --f7-theme-color: var(--primary_color);
    --end-timeline: 167px;
    --f7-checkbox-active-color: var(--secondary_color);
    --f7-radio-active-color: var(--secondary_color);
    --f7-list-bg-color: var(--card_color);
    --f7-list-margin-vertical: 0;
    --f7-popover-width: fit-content;
    --f7-sheet-bg-color: var(--card_color);
    --box-shadow: 10px 10px 20px #d8d9dd, -10px -10px 20px #feffff;
    --f7-sortable-handler-color: var(--secondary_color);
    --f7-tabbar-link-active-color: var(--secondary_color);
    --tab-link-highlight: var(--secondary_color);
    --f7-tabbar-link-active-border-color: var(--secondary_color);
    --color-lighten: color-mix(in srgb, var(--secondary_color) 40%, white);
    --color-darken: color-mix(in srgb, var(--secondary_color) 60%, black);
    --f7-page-bg-color: #e8e8f1;
    --f7-list-chevron-icon-color: var(--secondary_color);
    --f7-text-editor-text-color: black;
    --nav-buttons: black;
    --tab-color: grey;
    --top-fader: #c4c4ca;
    --color: black;
    --highlight: var(--secondary_color);

    --bg: #e8e8f1;
    --muted: #6b7280;
    --card: #f8fafb;
    --accent: #bb2649;
    --glass: rgba(15, 23, 42, 0.03);
    --radius: 14px;
    --maxw: 860px;
    --shadow: 0 8px 30px rgba(12, 18, 30, 0.06);
    --radius-sm: 10px;

    --primary-color: #bb2649;
      --bg-color: #e8e8f1;
      --text-main: #1e293b;
      --input-border: #cbd5e1;
      --f7-list-bg-color: #d6dee6;

}