/* Dark-theme token overrides. */

/* Dark-theme tokens */
html[data-theme="dark"] {
    color-scheme: dark;
    --html-bg: #0f0d12;
    --body-bg-start: #18141c;
    --body-bg-end: #0f0d12;
    --surface: #211d24;
    --surface-soft: #29242d;
    --text: #f4f0f5;
    --text-soft: #d7cedb;
    --text-muted: #aaa0af;
    --selection-text: #fff7ed;
    --selection-bg: rgba(var(--accent-rgb), var(--a-2xl));
    --accent-light: #321d13;
    --purple-light: #28132f;
    --purple-border: #613173;
    --surface-bg: linear-gradient( 180deg, #241f27 0%, #1d191f 100% );
    --border: #443b49;
    --border-soft: #352f39;
    --shadow-soft: 0 12px 32px rgba(0, 0, 0, 32%);
    --button-primary-bg-start: #3a261c;
    --button-primary-bg-end: #2b1d17;
    --button-secondary-bg-start: #29242d;
    --button-secondary-bg-end: #211d24;
    --accent-dark: #ff9a5a;
    --purple-dark: #d58cff;
    --purple-dark-rgb: 213, 140, 255;
    --color-strength-s: 14%;
    --color-strength-m: 22%;
}

html[data-theme="dark"] .fit-card.fit-good {
    --fit-title: #86efac;
}

html[data-theme="dark"] .fit-card.fit-check {
    --fit-title: #fcd34d;
}

html[data-theme="dark"] .fit-card.fit-bad {
    --fit-title: #fca5a5;
}