/* ═══════════════════════════════════════════════════════════════
   Codelab CRM — dizaino tokenai (pagal DESIGN.md)
   Visos spalvos — oklch, hue 271. Tik ŠVIESI tema:
   kiekvienas tokenas deklaruojamas VIENĄ kartą :root bloke.
   Tamsios temos nėra — jokių light-dark(), jokio [data-theme].
   ═══════════════════════════════════════════════════════════════ */

/* ── Šriftai (self-hosted, public/fonts/; jei failų nėra —
      krenta į sisteminius fallback) ─────────────────────────── */
@font-face {
    font-family: 'Stack Sans Headline';
    src: url('../../fonts/stack-sans-headline-latin.woff2') format('woff2');
    font-weight: 200 700;
    font-display: swap;
}

@font-face {
    font-family: 'Stack Sans Text';
    src: url('../../fonts/stack-sans-text-latin.woff2') format('woff2');
    font-weight: 200 700;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../../fonts/jetbrains-mono-latin.woff2') format('woff2');
    font-weight: 100 800;
    font-display: swap;
}

:root {
    color-scheme: light;

    /* ── Paletės konstantos — niekada tiesiogiai komponentų CSS ── */
    --color-white: oklch(1 0 271);
    --color-off-white: oklch(0.975 0.004 271);
    --color-ink: oklch(0.075 0.004 271);
    --color-muted: oklch(0.5 0.004 271);
    --color-blue: oklch(0.38 0.22 271);
    --color-lighter-blue: oklch(0.58 0.22 271);
    --color-light-gray: oklch(0.75 0.004 271);
    --color-gray: oklch(0.55 0.004 271);
    --color-red: oklch(0.54 0.17 30);
    --color-orange: oklch(0.62 0.13 77);
    --color-green: oklch(0.68 0.17 143);

    /* ── Temos tokenai — naudoti šiuos visame komponentų CSS ── */
    --primary-bg: var(--color-off-white);
    --secondary-bg: var(--color-white);
    --primary-content: var(--color-ink);
    --secondary-content: var(--color-muted);
    --accent: var(--color-blue);
    --accent-content: var(--color-white);
    --color-line: oklch(0.9 0.004 271);
    --glass: oklch(1 0 271 / 70%);
    --logo-text: var(--color-ink);
    --logo-mark: var(--color-blue);
    --input-bg: var(--color-white);
    --input-placeholder: var(--color-light-gray);
    --card-spotlight-color: color-mix(in srgb, var(--color-blue) 5%, transparent);
    --card-border-hover: color-mix(in srgb, var(--color-blue) 20%, transparent);

    /* ── Statuso spalvos ── */
    --color-error: oklch(0.54 0.17 30);
    --color-warning: oklch(0.62 0.13 77);
    --color-info: oklch(0.38 0.22 271);
    --color-success: oklch(0.68 0.17 143);
    --color-error-muted: oklch(0.99 0.17 30 / 50%);
    --color-warning-muted: oklch(0.99 0.13 77 / 50%);
    --color-info-muted: oklch(from var(--color-blue) 0.9 c h / 20%);
    --color-success-muted: oklch(0.99 0.17 143 / 50%);

    /* ── Poraštė — visada tamsi, tik paletės konstantos ── */
    --footer-bg: var(--color-ink);
    --footer-text: var(--color-white);
    --footer-accent: var(--color-lighter-blue);
    --footer-muted: oklch(from var(--color-white) calc(l - 0.45) c h);

    /* ── Tipografija ── */
    --font-headline: 'Stack Sans Headline', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-text: 'Stack Sans Text', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-accent: 'JetBrains Mono', ui-monospace, monospace;

    /* ── Formos ir tarpai ── */
    --border-radius: 1.5rem; /* kortelės, sekcijos, modalai, inputai */
    --rounded: 9999px;       /* mygtukai, chip'ai, piliulės */

    /* Valdiklių aukščiai — vienodi mygtukams, input'ams, select'ams, chip'ams.
       Viskas vienoje eilutėje turi sutapti be atskirų išimčių. */
    --control-h: 3rem;       /* .btn, .input, .select, .textarea */
    --control-h-sm: 2.5rem;  /* .btn--compact, .select--compact, .chip */
    --radius-code: 0.25rem;
    --pad: 3rem;
    --max-w: 100%;
}

@media (max-width: 900px) {
    :root {
        --pad: 1rem;
    }
}