/* ============================================================
   KatyaFit · Личный кабинет — design tokens
   Палитра унаследована от продающего сайта (Cream · Sage · Gold),
   но проект самостоятельный. Менять цвета — только здесь.
   ============================================================ */

:root {
    /* Базовые поверхности */
    --bg-milk: #f7f5f0;       /* тёплый крем — фон */
    --bg-pure: #ffffff;       /* белые карточки */
    --bg-deep: #1a1f1c;       /* тёмный ink — шапка/футер */
    --bg-surface: #232823;    /* тёмная поверхность */
    --bg-elevated: #2d332e;

    /* Текст */
    --text-main: #1a1f1c;
    --text-muted: #6a645e;
    --text-on-dark: #eae6de;
    --text-on-dark-muted: #9a9690;

    /* Сейдж (ex-forest) */
    --sage: #7d9b82;
    --sage-medium: #3e4a40;
    --sage-deep: #232823;
    --sage-soft: rgba(125, 155, 130, 0.12);

    /* Золото (ex-coral) */
    --gold: #c9a96e;
    --gold-hover: #b8964f;
    --gold-soft: rgba(201, 169, 110, 0.12);
    --gold-glow: rgba(201, 169, 110, 0.22);
    --champagne: #f3edd8;

    /* Ошибки / предупреждения (вне фирменной палитры, по делу) */
    --danger: #b23b2f;
    --danger-soft: rgba(178, 59, 47, 0.08);

    /* Состояния дней */
    --state-done: #7d9b82;     /* пройден */
    --state-today: #c9a96e;    /* сегодня */
    --state-locked: #c9c4bb;   /* закрыт */

    /* Границы и тени */
    --border-color: rgba(26, 31, 28, 0.08);
    --border-focus: rgba(201, 169, 110, 0.45);
    --shadow-soft: 0 4px 16px rgba(26, 31, 28, 0.04), 0 1px 3px rgba(26, 31, 28, 0.02);
    --shadow-card: 0 8px 32px rgba(26, 31, 28, 0.06), 0 2px 8px rgba(26, 31, 28, 0.03);
    --shadow-hover: 0 20px 48px rgba(26, 31, 28, 0.09), 0 4px 12px rgba(26, 31, 28, 0.04);
    --shadow-gold: 0 8px 24px rgba(201, 169, 110, 0.22);

    /* Типографика — раскладка унаследована от продающего сайта:
       заголовки = Cormorant, текст = Inter, UI/кнопки = Plus Jakarta. */
    --font-display: 'Cormorant Garamond', 'Georgia', serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-ui: 'Plus Jakarta Sans', var(--font-sans);

    /* Движение */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.3, 0.64, 1);
    --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

    --radius: 18px;
    --radius-sm: 12px;
    --container: 1080px;
}