/*
 * Park Rost — дизайн-токени (етап 0.5). Спільні для сайту й адмінки.
 *
 * Брейкпоінти (mobile-first, у media-запитах — числами, змінні там не працюють):
 *   360 — телефон (мінімум), 768 — планшет, 1024 — ноутбук, 1440 — десктоп.
 * Відступи — крок 4/8 px. Тема одна — світла.
 */

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url('../fonts/manrope-cyrillic-ext-wght.woff2') format('woff2-variations');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url('../fonts/manrope-cyrillic-wght.woff2') format('woff2-variations');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url('../fonts/manrope-latin-wght.woff2') format('woff2-variations');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    color-scheme: light;

    /* Нейтральна шкала (холодний сірий) */
    --n-0: #FFFFFF;
    --n-25: #FAFBFC;
    --n-50: #F3F4F6;
    --n-100: #F5F6F8;
    --n-150: #EDEFF2;
    --n-200: #E3E6EB;
    --n-300: #D1D5DB;
    --n-400: #B8BEC8;
    --n-500: #7B8494;
    --n-600: #545D6B;
    --n-700: #3F4754;
    --n-900: #111827;

    /* Основний — синій; акцент — теплий бурштин (CTA на сайті) */
    --brand: #2563EB;
    --brand-hover: #1D4ED8;
    --brand-soft: #EFF4FF;
    --brand-line: #93B4F8;
    --brand-text: #1D4ED8;
    --on-brand: #FFFFFF;
    --accent: #C9822B;
    --accent-hover: #AE6E20;
    --on-accent: #1F1405;

    /* Поверхні й текст */
    --bg: var(--n-100);
    --surface: var(--n-0);
    --surface-2: var(--n-25);
    --hover: var(--n-50);
    --selected: #EFF4FF;
    --selected-line: #C7D7FB;
    --text: var(--n-900);
    --muted: var(--n-600);
    --subtle: var(--n-500);
    --line: var(--n-200);
    --line-soft: var(--n-150);
    --input-line: var(--n-300);
    --input-bg: var(--n-0);
    --search-bg: #F5F6F8;
    --dash-line: var(--n-400);
    --overlay: rgba(17, 24, 39, .45);
    --code-bg: #111827;
    --code-text: #E5E7EB;

    /* Статуси: успіх / попередження / помилка / інфо / нейтральний */
    --success: #135C39;     --success-bg: #D9F1E3;  --success-line: #9ED3B5;
    --warning: #7A4100;     --warning-bg: #FFEFD1;  --warning-line: #F0D28F;
    --danger: #A8261B;      --danger-bg: #FBE1DE;   --danger-line: #EFC3BE;  --danger-soft: #FDF1EF;
    --info: #1A44A0;        --info-bg: #DCE8FF;     --info-line: #A9C2F5;
    --neutral: var(--n-700); --neutral-bg: #ECEEF1;
    --warn-soft: #FFF5DE;

    /* Статуси броней (етап 3) — аліаси статусів */
    --st-new-bg: var(--warning-bg);       --st-new: var(--warning);
    --st-confirmed-bg: var(--success-bg); --st-confirmed: var(--success);
    --st-checked_in-bg: var(--info-bg);   --st-checked_in: var(--info);
    --st-neutral-bg: var(--neutral-bg);   --st-neutral: var(--neutral);
    --st-bad-bg: var(--danger-bg);        --st-bad: var(--danger);

    /* Сайдбар адмінки */
    --sb-bg: var(--n-0);
    --sb-text: #374151;
    --sb-strong: var(--n-900);
    --sb-cap: #6B7280;
    --sb-icon: var(--n-500);
    --sb-hover: #F3F4F6;
    --sb-on: #EBEDF0;
    --avatar-bg: #DBE6FE;

    /* Відступи: крок 4/8 */
    --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
    --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px;
    --pad: clamp(16px, 3vw, 32px);

    /* Радіуси й тіні */
    --r-sm: 8px;
    --r: 10px;
    --r-lg: 14px;
    --r-xl: 20px;
    --r-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);
    --shadow: 0 4px 16px rgba(17, 24, 39, .08);
    --shadow-lg: 0 16px 40px rgba(17, 24, 39, .18);
    --focus-ring: 0 0 0 3px rgba(37, 99, 235, .25);

    /* Типографіка */
    --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    /* Моноширинний не використовуємо: ключі й код — тим самим м'яким шрифтом */
    --mono: var(--font);
    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-base: 16px;
    --fs-ui: 14px;
    --fs-md: 18px;
    --fs-lg: 22px;
    --fs-xl: 28px;
    --fs-2xl: clamp(30px, 4vw, 40px);
    --fs-3xl: clamp(36px, 6vw, 56px);
    --lh: 1.5;
    --lh-tight: 1.2;

    /* Мінімальна зона натискання на мобільному */
    --tap: 44px;
    --z-sticky: 20;
    --z-drawer: 60;
    --z-modal: 70;
    --z-toast: 80;
}