/* Токены — перенесены с Kitchen Manager (MyDishCalculator _variables.scss) */

:root {
    color-scheme: light;

    /* --- Поверхности --- */
    --color-bg: #e8ecf4;
    --color-surface: #e8ecf4;
    --color-surface-muted: #e8ecf4;
    --color-border: #d8dde8;
    --color-border-soft: #dfe4ee;
    --color-overlay: rgba(45, 55, 72, 0.4);

    /* --- Текст --- */
    --color-text: #4a5568;
    --color-text-muted: #718096;
    --color-heading: #2d3748;
    --color-on-accent: #ffffff;

    /* --- Акцент --- */
    --color-accent: #0fa399;
    --color-accent-strong: #0b7f78;
    --color-accent-light: #3fc9bf;
    --color-accent-soft: rgba(15, 163, 153, 0.12);
    --color-focus-ring: rgba(15, 163, 153, 0.25);

    /* --- Бренд --- */
    --color-brand: #0fa399;
    --color-brand-bg: rgba(15, 163, 153, 0.22);
    --color-on-brand: #ffffff;

    /* --- Типографика --- */
    --font-body: 'Play', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-heading: var(--font-body);
    --weight-regular: 400;
    --weight-medium: 600;
    --weight-bold: 700;

    /* --- Радиусы --- */
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-panel: var(--radius-lg);
    --radius-control: var(--radius-md);
    --radius-pill: 999px;
    --radius-btn: var(--radius-pill);

    /* --- Тени (clay) --- */
    --shadow-raised: 8px 8px 16px #c5cad4, -8px -8px 16px #ffffff;
    --shadow-pressed: inset 4px 4px 8px #c5cad4, inset -4px -4px 8px #ffffff;
    --shadow-soft: 4px 4px 12px rgba(163, 177, 198, 0.5), -4px -4px 12px rgba(255, 255, 255, 0.8);

    /* --- Переходы --- */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
}

/* Тёмная тема: class="theme-dark" на <html>. Гамма меняется, стиль тот же. */

html.theme-dark {
    color-scheme: dark;

    /* --- Поверхности --- */
    --color-bg: #232936;
    --color-surface: #2b3242;
    --color-surface-muted: #2b3242;
    --color-border: #3a4356;
    --color-border-soft: #343d4f;
    --color-overlay: rgba(10, 14, 22, 0.6);

    /* --- Текст --- */
    --color-text: #c3cbd9;
    --color-text-muted: #8b96a9;
    --color-heading: #e4e9f2;
    --color-on-accent: #ffffff;

    /* --- Акцент (бирюза, чуть светлее для контраста) --- */
    --color-accent: #17b3a8;
    --color-accent-strong: #3fc9bf;
    --color-accent-light: #56d4cb;
    --color-accent-soft: rgba(23, 179, 168, 0.16);
    --color-focus-ring: rgba(23, 179, 168, 0.35);

    /* --- Бренд --- */
    --color-brand: #17b3a8;
    --color-brand-bg: rgba(23, 179, 168, 0.25);
    --color-on-brand: #ffffff;

    /* --- Тени (clay, тёмная версия) --- */
    --shadow-raised: 8px 8px 16px #1b202b, -8px -8px 16px #353d4e;
    --shadow-pressed: inset 4px 4px 8px #1b202b, inset -4px -4px 8px #353d4e;
    --shadow-soft: 4px 4px 12px rgba(11, 15, 22, 0.6), -4px -4px 12px rgba(63, 73, 94, 0.35);
}