/* =============================================================================
   Eclipse CFO - token-reteg (F-26 / V-20, D-30)
   -----------------------------------------------------------------------------
   Ez az EGYETLEN hely, ahol nyers szin-, meret- es terkoz-ertek all. Minden mas
   szabaly (base.css, components.css, komponens-scoped CSS) ezekre a valtozokra
   hivatkozik - hard-kodolt ertek a komponensekben nem maradhat (D-30/2).

   A szin-kesziet az Eclipse brand-tokenekbol szarmazik
   (D:\Git\leasy-it-dokumentacio\fejlesztoi-utmutatok\eclipse-brand.md).
   A brand-paletta sotet felulethez keszult, a CFO-felulet vilagos, ezert:
     - a sotet brand-ertekek ott allnak, ahol tenylegesen sotet a felulet
       (fejlec-sav, belepo kepernyo): bg / bg-elevated / ink;
     - a szoveg-szinek a brand "print/Word" ink-jere (#1A2332) es a brand slate
       skalajara (ink-subtle / ink-faint) epulnek;
     - a kiemeles a corona arany; vilagos hatteren a kontrasztosabb corona-deep
       all (a brand-utmutato is ezt irja elo feher alapra).
   ========================================================================== */

:root {
    /* --- brand-forras (valtozatlanul atvett brand-token ertekek) --- */
    --brand-obsidian: #0a0e1a;          /* brand: bg */
    --brand-obsidian-raised: #111827;   /* brand: bg-elevated */
    --brand-on-dark: #e5e7eb;           /* brand: ink */
    --brand-on-dark-muted: #94a3b8;     /* brand: ink-muted */
    --brand-corona: #d4a574;            /* brand: corona */
    --brand-corona-bright: #e8c48e;     /* brand: corona-bright */
    --brand-corona-deep: #a67c48;       /* brand: corona-deep */
    --brand-ink: #1a2332;               /* brand: ink (print/Word body) */
    --brand-slate: #475569;             /* brand: ink-faint */
    --brand-slate-light: #64748b;       /* brand: ink-subtle */

    /* --- felulet --- */
    --color-canvas: #f6f7f9;            /* oldal-hatter */
    --color-surface: #ffffff;           /* kartya, tablazat, urlap-mezo */
    --color-surface-sunken: #eef1f5;    /* tablazat-fejlec, passziv sav */
    --color-surface-dark: var(--brand-obsidian);
    --color-surface-dark-raised: var(--brand-obsidian-raised);

    /* --- szoveg --- */
    --color-ink: var(--brand-ink);
    --color-ink-muted: var(--brand-slate);
    --color-ink-subtle: var(--brand-slate-light);
    --color-ink-on-dark: var(--brand-on-dark);
    --color-ink-on-dark-muted: var(--brand-on-dark-muted);

    /* --- vonalak --- */
    --color-line: #dfe3ea;
    --color-line-strong: #c3cad6;
    --color-line-on-dark: #2b3446;

    /* --- kiemeles (brand accent) --- */
    --color-accent: var(--brand-corona);
    --color-accent-bright: var(--brand-corona-bright);
    --color-accent-strong: var(--brand-corona-deep); /* vilagos hatteren ez olvashato */
    --color-accent-soft: #f7ecdc;

    /* --- allapot-szinek --- */
    --color-danger: #b3271e;
    --color-danger-bg: #fdecea;
    --color-danger-line: #e3b4af;
    --color-warning: #8a5a00;
    --color-warning-bg: #fdf6e3;
    --color-warning-line: #d9b45f;
    --color-success: #2f6f5e;
    --color-incoming: #5b4a7a;          /* bejovo tetel jelolese a listakban */
    --color-muted-row: #a5a5ad;         /* storno-sor halvanyitasa */

    /* --- diagram-sorozatok (D-29: sajat SVG) --- */
    --color-series-out: var(--brand-corona-deep);
    --color-series-in: #b3543a;
    --color-series-result: var(--color-success);

    /* --- tipografia --- */
    --font-sans: Inter, "Segoe UI", Aptos, system-ui, -apple-system, sans-serif;

    --text-2xs: 0.75rem;
    --text-xs: 0.8125rem;
    --text-sm: 0.875rem;
    --text-md: 0.9375rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-metric: 1.75rem;

    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;

    --leading-tight: 1.25;
    --leading-normal: 1.55;

    --tracking-wide: 0.04em;

    /* --- terkoz-skala --- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;

    /* --- keret, sarok, arnyek --- */
    --border-thin: 1px;
    --border-accent: 3px;
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(10, 14, 26, 0.06);
    --shadow-md: 0 4px 14px rgba(10, 14, 26, 0.10);
    --focus-width: 2px;
    --focus-offset: 2px;

    /* --- elrendezes --- */
    /* 1920-as ablakon a legszelesebb tablazat (szamla-lista) is kifer belso
       gorgetes nelkul, 1280-on pedig a tablazat sajat dobozaban gordul */
    --layout-max: 1600px;
    --card-min: 17rem;                  /* a kartya-racs oszlop-minimuma */
    --chart-max: 60rem;
    --login-width: 22rem;
    --filter-text-min: 12rem;
    --multi-select-max: 11rem;          /* tobb-ertekes valasztek magassaga a szuro-panelben */

    /* A diagram feliratai a viewBox sajat koordinata-rendszereben (760x300 user unit)
       merodnek, ezert ott a px az egyetlen ertelmes egyseg - de az ertek igy is token. */
    --chart-axis-text: 11px;
    --chart-value-text: 10px;
    --chart-line-width: 2;
    --chart-hairline-width: 1;
}