/*
 * Arcadia Admin Control Panel — design tokens.
 *
 * Блок 1 — токены дизайн-системы Tap (adaptive light/dark, palette purple). Значения
 * сверены с `design/README.md` § Design Tokens. Это единственное место в панели,
 * где допустимы hex-литералы.
 *
 * Блок 2 — локальные псевдонимы `--arc-*`. Они ссылаются на `--tap-*` и не
 * содержат собственных значений: палитра панели не должна разъезжаться с
 * расширением.
 *
 * Dark-палитра и системное переключение темы восстановлены из
 * `design/admin-control-panel-handoff/source-fragment.html`. Это осознанный
 * источник визуальной истины для Admin UI; функциональные состояния остаются
 * источником истины production-компонентов.
 */
:root {
    color-scheme: light dark;

    /* Tap · background */
    --tap-color-background-brand-default: light-dark(#7550EB, #9A7CFF);
    --tap-color-background-brand-tertiary: light-dark(#FAF9FF, #28213C);
    --tap-color-background-default-default: light-dark(#FFFFFFCC, #201D27);
    --tap-color-background-default-secondary: light-dark(#F2F1F4, #15131A);
    --tap-color-background-default-secondary-pressed: light-dark(#E2E1E6, #292630);
    --tap-color-background-default-tertiary: light-dark(#CAC8D2, #575162);
    --tap-color-background-disabled-default: light-dark(#E9E9ED, #393542);
    --tap-color-background-positive-default: light-dark(#00B56C, #3AD38D);
    --tap-color-background-positive-tertiary: light-dark(#F1FEF5, #153326);
    --tap-color-background-warning-tertiary: light-dark(#FEFAEB, #372B16);
    --tap-color-background-danger-default: light-dark(#F84C41, #FF766E);
    --tap-color-background-danger-tertiary: light-dark(#FFF8F7, #3B201F);
    --tap-color-background-neutral-default: light-dark(#121110, #F4F1FA);

    /* Tap · text */
    --tap-color-text-brand-default: light-dark(#41258D, #CABDFF);
    --tap-color-text-brand-on-brand: light-dark(#FAF9FF, #FFFFFF);
    --tap-color-text-default-default: light-dark(#2B2932, #F4F1FA);
    --tap-color-text-default-secondary: light-dark(#8D899F, #9F98AD);
    --tap-color-text-default-tertiary: light-dark(#ACAAB9, #7E778C);
    --tap-color-text-disabled-default: light-dark(#CAC8D2, #575162);
    --tap-color-text-positive-default: light-dark(#004D2B, #BAF8D7);
    --tap-color-text-warning-default: light-dark(#401A00, #FFE0A8);
    --tap-color-text-danger-default: light-dark(#A52A24, #FFB9B4);
    --tap-color-text-neutral-on-neutral: light-dark(#FAFAFA, #15131A);

    /* Tap · border */
    --tap-color-border-default-default: light-dark(#E9E9ED, #393542);
    --tap-color-border-default-secondary: light-dark(#CAC8D2, #575162);
    --tap-color-border-brand-default: light-dark(#41258D, #CABDFF);
    --tap-color-border-warning-tertiary: light-dark(#A66200, #F0B24E);

    /* Tap · icon */
    --tap-color-icon-default-secondary: light-dark(#6E6A82, #BDB6CC);
    --tap-color-icon-default-tertiary: light-dark(#ACAAB9, #9F98AD);

    /* Tap · effects. Тон теней фиолетовый — это подпись системы. */
    --tap-effect-shadow-primary: light-dark(rgb(18 9 46 / 8%), rgb(0 0 0 / 20%));
    --tap-effect-shadow-secondary: light-dark(rgb(18 9 46 / 4%), rgb(0 0 0 / 12%));
    --tap-effect-elevation-100: 0 0 24px 4px var(--tap-effect-shadow-primary), 0 0 4px 0 var(--tap-effect-shadow-secondary);
    --tap-effect-elevation-200: 0 0 24px 8px var(--tap-effect-shadow-primary), 0 0 16px 4px var(--tap-effect-shadow-secondary);

    /* Tap · chart */
    --tap-color-chart-secondary: light-dark(#B9A5FF, #C3B3FF);
    --tap-color-chart-tertiary: light-dark(#8463ED, #9E83F4);

    /* Tap · typography. Веса переменного Geist, округлять до 400/700 нельзя. */
    --tap-font-family: Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tap-font-weight-regular: 410;
    --tap-font-weight-medium: 500;
    --tap-font-weight-semibold: 600;
    --tap-font-weight-bold: 730;

    /* Tap · radius */
    --tap-radius-icon-button: 8px;
    --tap-radius-tile: 10px;
    --tap-radius-field: 11px;
    --tap-radius-window: 14px;
    --tap-radius-row: 16px;
    --tap-radius-block: 18px;
    --tap-radius-card: 20px;
    --tap-radius-pill: 9999px;

    /* ---------------------------------------------------------------- */
    /* Псевдонимы панели. Только var(--tap-*), без собственных значений. */
    /* ---------------------------------------------------------------- */

    --arc-brand: var(--tap-color-background-brand-default);
    --arc-brand-strong: var(--tap-color-text-brand-default);
    --arc-brand-soft: var(--tap-color-background-brand-tertiary);
    --arc-on-brand: var(--tap-color-text-brand-on-brand);

    --arc-bg: var(--tap-color-background-default-secondary);
    --arc-surface: var(--tap-color-background-default-default);
    --arc-surface-soft: var(--tap-color-background-default-secondary);
    --arc-surface-pressed: var(--tap-color-background-default-secondary-pressed);

    --arc-text: var(--tap-color-text-default-default);
    --arc-text-secondary: var(--tap-color-icon-default-secondary);
    --arc-text-tertiary: var(--tap-color-text-default-secondary);
    --arc-text-quaternary: var(--tap-color-text-default-tertiary);
    --arc-text-disabled: var(--tap-color-text-disabled-default);

    --arc-border: var(--tap-color-border-default-default);
    --arc-border-strong: var(--tap-color-border-default-secondary);
    --arc-border-focus: var(--tap-color-border-brand-default);

    --arc-positive: var(--tap-color-background-positive-default);
    --arc-positive-text: var(--tap-color-text-positive-default);
    --arc-positive-soft: var(--tap-color-background-positive-tertiary);

    --arc-warning: var(--tap-color-border-warning-tertiary);
    --arc-warning-text: var(--tap-color-text-warning-default);
    --arc-warning-soft: var(--tap-color-background-warning-tertiary);

    --arc-danger: var(--tap-color-background-danger-default);
    --arc-danger-text: var(--tap-color-text-danger-default);
    --arc-danger-soft: var(--tap-color-background-danger-tertiary);

    --arc-disabled-bg: var(--tap-color-background-disabled-default);

    /* Серии графиков из палитры handoff. */
    --arc-chart-1: var(--tap-color-background-brand-default);
    --arc-chart-2: var(--tap-color-chart-secondary);
    --arc-chart-3: var(--tap-color-chart-tertiary);

    --arc-elevation: var(--tap-effect-elevation-100);
    --arc-elevation-strong: var(--tap-effect-elevation-200);

    --arc-font: var(--tap-font-family);
    --arc-weight-regular: var(--tap-font-weight-regular);
    --arc-weight-medium: var(--tap-font-weight-medium);
    --arc-weight-semibold: var(--tap-font-weight-semibold);
    --arc-weight-bold: var(--tap-font-weight-bold);

    --arc-radius-icon: var(--tap-radius-icon-button);
    --arc-radius-sm: var(--tap-radius-tile);
    --arc-radius-field: var(--tap-radius-field);
    --arc-radius-md: var(--tap-radius-row);
    --arc-radius-block: var(--tap-radius-block);
    --arc-radius-lg: var(--tap-radius-card);
    --arc-radius-pill: var(--tap-radius-pill);

    --arc-content-max: 1440px;
}