/*
 * OCC / WAY — единые дизайн-токены current-style.
 *
 * Значения совпадают с принятым экраном заказчика (owner-dashboard-current.css).
 * Экраны нового языка берут цвета, радиусы, отступы, шрифт и движение только
 * отсюда: чтобы сменить палитру продукта, достаточно поменять значения ниже.
 * Файл только объявляет переменные и ничего не рисует сам.
 */

:root {
    /* Поверхности */
    --way-bg: #0b0c0d;
    --way-surface: #121416;
    --way-surface-raised: #181b1f;
    --way-surface-soft: #1d2024;
    --way-border: #292d32;
    --way-border-strong: #393f46;
    --way-border-hover: #4a5159;
    --way-overlay: rgba(0, 0, 0, .74);

    /* Текст */
    --way-text: #f5f3ef;
    --way-text-secondary: #a9adb3;
    --way-text-muted: #777d85;

    /* Бренд: оранжевый — акцент, а не заливка всего подряд */
    --way-brand: #f15a24;
    --way-brand-hover: #d94b18;
    --way-brand-text: #f15a24;
    --way-brand-soft: rgba(241, 90, 36, .12);
    --way-brand-tint: #211916;
    --way-brand-line: #5b3827;
    --way-on-brand: #ffffff;

    /* Состояния: заливка маркера, его рамка и цвет знака */
    --way-success: #2fc785;
    --way-success-tint: #13201b;
    --way-success-line: #244b3c;
    --way-warning: #e6a73f;
    --way-warning-tint: #211d15;
    --way-warning-line: #554526;
    --way-danger: #e45e62;
    --way-danger-text: #ff8b86;
    --way-danger-tint: #241718;
    --way-danger-line: #603334;

    /* Главная поверхность экрана */
    --way-hero-glow: rgba(241, 90, 36, .17);
    --way-hero-from: #17191c;
    --way-hero-to: #111315;
    --way-shadow: 0 22px 60px rgba(0, 0, 0, .22);
    --way-shadow-pop: 0 18px 48px rgba(0, 0, 0, .5);

    /* Радиусы по типу элемента */
    --way-radius-control: 10px;
    --way-radius-tile: 12px;
    --way-radius-panel: 16px;
    --way-radius-feature: 20px;

    /* Отступы */
    --way-space-1: 4px;
    --way-space-2: 8px;
    --way-space-3: 12px;
    --way-space-4: 16px;
    --way-space-5: 20px;
    --way-space-6: 24px;
    --way-space-7: 32px;
    --way-space-8: 40px;

    /* Типографика: системный стек заказчика. Смена шрифта — одна строка. */
    --way-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --way-fs-display: clamp(32px, 3.7vw, 48px);
    --way-fs-title: 24px;
    --way-fs-section: 18px;
    --way-fs-body: 15px;
    --way-fs-small: 13px;
    --way-fs-micro: 12px;

    /* Движение */
    --way-ease: cubic-bezier(.22, .8, .28, 1);
    --way-dur-fast: 140ms;
    --way-dur: 180ms;
    --way-dur-slow: 220ms;
    --way-dur-max: 280ms;

    /* Слои: экранный инструмент, затемнение popover, popover, диалог. */
    --way-z-screen: 1040;
    --way-z-popover-scrim: 1099;
    --way-z-popover: 1100;
    --way-z-dialog: 1200;
}

/* Светлая тема: те же роли, другие значения. Текст бренда темнее заливки,
   чтобы оранжевые подписи оставались читаемыми на белом. */
html.theme-light {
    --way-bg: #f4f3f0;
    --way-surface: #ffffff;
    --way-surface-raised: #f7f6f3;
    --way-surface-soft: #efeee9;
    --way-border: #e2e0da;
    --way-border-strong: #cfccc4;
    --way-border-hover: #b9b5ab;
    --way-overlay: rgba(20, 22, 25, .45);

    --way-text: #16181b;
    --way-text-secondary: #50565d;
    --way-text-muted: #6b7178;

    --way-brand: #e0521d;
    --way-brand-hover: #c4461a;
    --way-brand-text: #b8441a;
    --way-brand-soft: rgba(224, 82, 29, .10);
    --way-brand-tint: #fdf0ea;
    --way-brand-line: #f0c3ae;

    --way-success: #1f8f5c;
    --way-success-tint: #e9f6ef;
    --way-success-line: #bfe3cf;
    --way-warning: #9a620b;
    --way-warning-tint: #fbf3e4;
    --way-warning-line: #ecd3a3;
    --way-danger: #c63d41;
    --way-danger-text: #b3363a;
    --way-danger-tint: #fcecec;
    --way-danger-line: #f0c2c3;

    --way-hero-glow: rgba(241, 90, 36, .10);
    --way-hero-from: #ffffff;
    --way-hero-to: #faf9f6;
    --way-shadow: 0 18px 44px rgba(22, 24, 27, .08);
    --way-shadow-pop: 0 18px 44px rgba(22, 24, 27, .16);
}