/* ============================================================
   RGG — Дизайн-токены («Ember / Графит»)
   Принципиально другой скин: тёплая светлая база, графитовая
   «хромовая» шапка/футер и контрастный оранжевый акцент
   rgb(251 105 3).

   ВСЕ цвета собраны здесь. Смена акцента/палитры — правка
   только этого файла (или атрибутов data-theme / data-accent).
   Формат: RGB-триплеты → rgb(var(--token)) и rgb(var(--token) / a).
   Файл подключается ПОСЛЕ legacy style.css и переопределяет
   переменные --color-* старого тёмного скина.
   ============================================================ */

:root {
    /* --- Каркас --- */
    --sidebar-width: 348px;
    --sidebar-collapsed-width: 348px;
    --header-height: 60px;          /* верхняя строка шапки */
    --header-nav-height: 52px;      /* вторая (навигационная) строка */
    --header-total-height: 112px;
    --transition-duration: 0.18s;
    --content-max-width: 1400px;

    /* --- Поверхности (тёплый светлый) --- */
    --color-bg: 248 245 241;            /* #f8f5f1 */
    --color-bg-soft: 255 255 255;
    --color-card: 255 255 255;
    --color-card-soft: 246 242 237;     /* тёплый песочный */
    --color-card-line: 234 227 219;     /* #eae3db */
    --color-surface-sunken: 241 236 230;

    /* --- Текст (тёплый графит) --- */
    --color-text: 28 22 18;             /* #1c1612 */
    --color-text-secondary: 66 56 48;
    --color-text-soft: 92 80 70;
    --color-text-muted: 122 109 98;
    --color-text-faint: 158 145 133;
    --color-text-fainter: 205 194 184;
    --color-text-dark: 28 22 18;
    --color-text-strong: 28 22 18;

    /* --- Оверлеи (в светлой теме «white» = затемняющий) --- */
    --color-overlay-white: 28 22 18;
    --color-overlay-black: 28 22 18;

    /* --- Акцент: ОРАНЖЕВЫЙ (контрастный) --- */
    --accent-primary: 251 105 3;        /* #fb6903 */
    --accent-primary-light: 253 138 61; /* #fd8a3d */
    --accent-primary-dark: 226 88 0;    /* #e25800 — читаемый на белом */
    --accent-primary-deep: 194 68 0;    /* #c24400 */
    --accent-primary-deepest: 135 48 8; /* #873008 */

    /* Легаси-акценты приведены к тёплой янтарной гамме */
    --accent-purple: 245 158 11;        /* amber-500 */
    --accent-purple-light: 251 191 36;
    --accent-purple-dark: 217 119 6;
    --accent-gold: 217 119 6;
    --accent-indigo: 180 83 9;          /* бронза */
    --accent-indigo-dark: 146 64 14;
    --accent-indigo-deep: 120 53 15;
    --color-purple-lakers: 217 119 6;
    --color-purple-deep: 146 64 14;
    --accent-pink: 225 29 72;           /* rose-600 */
    --accent-pink-light: 244 63 94;

    /* --- Статусы --- */
    --color-success: 21 128 61;         /* green-700 */
    --color-success-strong: 22 163 74;
    --color-success-deep: 21 128 61;
    --color-success-pale: 134 239 172;
    --color-danger: 220 38 38;
    --color-danger-strong: 185 28 28;
    --color-danger-light: 239 68 68;
    --color-danger-pale: 252 165 165;
    --color-warning: 180 83 9;          /* янтарный */
    --color-warning-light: 245 158 11;
    --color-warning-dark: 146 64 14;

    /* --- Графитовая «хромовая» палитра (шапка/футер) --- */
    --rg-ink: 27 20 16;                 /* #1b1410 */
    --rg-ink-2: 39 29 23;               /* чуть светлее */
    --rg-ink-3: 56 43 34;
    --rg-ink-text: 245 240 235;
    --rg-ink-text-muted: 186 172 161;
    --rg-ink-line: 62 49 40;

    /* --- Семантические токены UI-кита --- */
    --rg-bg: rgb(var(--color-bg));
    --rg-surface: rgb(var(--color-card));
    --rg-surface-soft: rgb(var(--color-card-soft));
    --rg-border: rgb(var(--color-card-line));
    --rg-border-strong: rgb(214 203 192);
    --rg-text: rgb(var(--color-text));
    --rg-text-secondary: rgb(var(--color-text-secondary));
    --rg-text-soft: rgb(var(--color-text-soft));
    --rg-text-muted: rgb(var(--color-text-muted));
    --rg-text-faint: rgb(var(--color-text-faint));

    --rg-primary: rgb(var(--accent-primary));
    --rg-primary-hover: rgb(var(--accent-primary-dark));
    --rg-on-primary: #fff;
    --rg-primary-soft: rgb(255 233 214);   /* #ffe9d6 */
    --rg-primary-soft-2: rgb(255 244 235);

    --rg-success: rgb(var(--color-success));
    --rg-success-soft: rgb(220 252 231);
    --rg-danger: rgb(var(--color-danger));
    --rg-danger-soft: rgb(254 226 226);
    --rg-warning: rgb(var(--color-warning));
    --rg-warning-soft: rgb(254 243 199);

    /* --- Геометрия (острее, чем в rg — другой характер) --- */
    --rg-radius-xs: 4px;
    --rg-radius-sm: 7px;
    --rg-radius: 11px;
    --rg-radius-lg: 16px;
    --rg-radius-xl: 22px;
    --rg-radius-full: 9999px;

    /* --- Тени (мягкие, тёплые) --- */
    --rg-shadow-xs: 0 1px 2px rgb(63 45 33 / 0.06);
    --rg-shadow-sm: 0 2px 6px rgb(63 45 33 / 0.07);
    --rg-shadow-md: 0 8px 22px rgb(63 45 33 / 0.10);
    --rg-shadow-lg: 0 20px 48px rgb(40 27 18 / 0.22);
    --rg-shadow-accent: 0 10px 26px rgb(var(--accent-primary) / 0.30);

    --rg-focus: 0 0 0 3px rgb(var(--accent-primary) / 0.22);
}

/* ------------------------------------------------------------
   Тёмная тема (задел). Включается data-theme="dark" на <html>.
   Оранжевый акцент сохраняется — он одинаково контрастен.
   ------------------------------------------------------------ */
[data-theme="dark"] {
    --color-bg: 18 14 11;
    --color-bg-soft: 24 19 15;
    --color-card: 31 24 19;
    --color-card-soft: 42 33 27;
    --color-card-line: 58 46 37;
    --color-surface-sunken: 24 19 15;

    --color-text: 246 241 236;
    --color-text-secondary: 224 214 205;
    --color-text-soft: 202 190 180;
    --color-text-muted: 160 147 136;
    --color-text-faint: 120 107 97;
    --color-text-fainter: 86 72 63;
    --color-text-dark: 246 241 236;
    --color-text-strong: 255 255 255;

    --color-overlay-white: 255 255 255;
    --color-overlay-black: 0 0 0;

    --rg-border-strong: rgb(88 71 59);
    --rg-primary-soft: rgb(74 38 12);
    --rg-primary-soft-2: rgb(52 31 15);
    --rg-success-soft: rgb(6 78 59);
    --rg-danger-soft: rgb(127 29 29);
    --rg-warning-soft: rgb(120 53 15);

    --rg-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.35);
    --rg-shadow-sm: 0 2px 6px rgb(0 0 0 / 0.4);
    --rg-shadow-md: 0 8px 22px rgb(0 0 0 / 0.5);
    --rg-shadow-lg: 0 20px 48px rgb(0 0 0 / 0.6);
}

/* Задел на будущие цветовые темы: смена одной группой.
   Пример подключения: <html data-accent="green">. */
[data-accent="graphite"] {
    --accent-primary: 71 85 105;
    --accent-primary-dark: 51 65 85;
    --accent-primary-deep: 30 41 59;
    --accent-primary-light: 100 116 139;
}
[data-accent="green"] {
    --accent-primary: 22 163 74;
    --accent-primary-dark: 21 128 61;
    --accent-primary-deep: 20 83 45;
    --accent-primary-light: 74 222 128;
}
[data-accent="crimson"] {
    --accent-primary: 220 38 38;
    --accent-primary-dark: 185 28 28;
    --accent-primary-deep: 153 27 27;
    --accent-primary-light: 248 113 113;
}