/* =============================================================================
   ITVISS aplikaciju dizaina tokeni  ·  tradeit & workit
   v1.0 · 2026
   -----------------------------------------------------------------------------
   Trīs tēmas stāvokļi:
     :root                                   -> gaišā (pilna palete)
     @media (prefers-color-scheme: dark)     -> sistēmas tumšā (ja lietotājs nav
        + :root:not([data-theme="light"])       izvēlējies gaišo)
     :root[data-theme="dark"]                -> nepārprotami izvēlēta tumšā
   Komponentes NEKAD neizmanto krāsu literāļus - tikai šos mainīgos.
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- Zīmola krāsa ------------------------------------------------------- */
  /* ITVISS dzeltenais ir GAIŠS. Uz tā vienmēr melns teksts (11.5:1),
     nekad balts. Kā teksta krāsu uz balta izmanto --itv-brand-ink. */
  --itv-brand:            #FDD137;
  --itv-brand-hover:      #F3C41C;
  --itv-brand-active:     #E0B200;
  --itv-brand-soft:       #FDF4D6;
  --itv-brand-soft-hover: #FBEDB8;
  --itv-brand-border:     #F9E7A6;
  --itv-brand-ink:        #6E5300;  /* dzeltenais kā teksts uz gaiša fona */
  --itv-on-brand:         #16160F;  /* teksts uz dzeltena laukuma */

  /* --- Neitrālie (silti, ar vieglu dzeltenu nobīdi) ----------------------- */
  --itv-n-0:   #FFFFFF;
  --itv-n-25:  #FCFCFB;
  --itv-n-50:  #F7F7F3;
  --itv-n-100: #F0F0EB;
  --itv-n-200: #E3E3DC;
  --itv-n-300: #CFCFC6;
  --itv-n-400: #ABABA2;
  --itv-n-500: #85857C;
  --itv-n-600: #6E6E67;
  --itv-n-700: #565650;
  --itv-n-800: #383834;
  --itv-n-900: #1D1D1A;
  --itv-n-950: #141413;

  /* --- Virsmas ------------------------------------------------------------ */
  --itv-bg-canvas:     #F7F7F3;   /* lapas fons */
  --itv-bg-surface:    #FFFFFF;   /* kartes, tabulas, paneļi */
  --itv-bg-raised:     #FFFFFF;   /* izlecošie: dropdown, modal, datepicker */
  --itv-bg-sunken:     #F0F0EB;   /* ievadlauku fons, kodu bloki */
  --itv-bg-subtle:     #F7F7F3;   /* zebra rindas, hover */
  --itv-bg-hover:      #F0F0EB;
  --itv-bg-active:     #E3E3DC;
  --itv-bg-inverse:    #1D1D1A;
  --itv-bg-overlay:    rgba(20, 20, 19, .48);

  /* --- Teksts ------------------------------------------------------------- */
  --itv-fg:            #1D1D1A;   /* 16.9:1 */
  --itv-fg-secondary:  #565650;   /*  7.4:1 */
  --itv-fg-muted:      #6E6E67;   /*  5.1:1 */
  --itv-fg-disabled:   #ABABA2;
  --itv-fg-inverse:    #F7F7F3;
  --itv-fg-link:       #1B458F;
  --itv-fg-link-hover: #12336B;

  /* --- Robežas ------------------------------------------------------------ */
  --itv-border:        #E3E3DC;
  --itv-border-strong: #CFCFC6;
  --itv-border-input:  #CFCFC6;
  --itv-border-hover:  #ABABA2;
  --itv-divider:       #EDEDE7;

  /* --- Fokuss (redzams uz jebkuras virsmas) ------------------------------- */
  --itv-focus:         #8A6A00;
  --itv-focus-halo:    rgba(253, 209, 55, .45);
  --itv-ring:          0 0 0 2px var(--itv-bg-surface), 0 0 0 4px var(--itv-focus);
  --itv-ring-inset:    inset 0 0 0 2px var(--itv-focus);

  /* --- Statusu toņi ------------------------------------------------------- */
  /* Katram tonim: -bg (mīkstais fons), -border, -fg (teksts uz -bg, >=6:1),
     -solid (punkts / josla / pildīts nozīmīte). Nozīme aplikācijās:
       neutral  Melnraksts · Arhivēts · Nav piešķirts
       info     Jauns · Iesniegts · Reģistrēts
       progress Apstrādē · Ceļā · Izpildē
       review   Saskaņošanā · Pārskatāms · Auditā
       success  Apstiprināts · Saņemts · Atbilst
       warning  Kavēts · Daļēji atbilst · Zems krājums
       danger   Noraidīts · Atcelts · Neatbilst
       brand    Aktīvs · Izcelts · Pieprasa uzmanību                        */
  --itv-st-neutral-bg:     #EFEFEA;
  --itv-st-neutral-border: #DCDCD4;
  --itv-st-neutral-fg:     #46463F;
  --itv-st-neutral-solid:  #87877D;

  --itv-st-info-bg:        #E6EEFC;
  --itv-st-info-border:    #C8DAF8;
  --itv-st-info-fg:        #1B458F;
  --itv-st-info-solid:     #1D4FD8;

  --itv-st-progress-bg:     #E0F2F0;
  --itv-st-progress-border: #BEE3DF;
  --itv-st-progress-fg:     #0B5F59;
  --itv-st-progress-solid:  #0E8F86;

  --itv-st-review-bg:      #EEE9FB;
  --itv-st-review-border:  #DBD1F7;
  --itv-st-review-fg:      #4B32A0;
  --itv-st-review-solid:   #6B4FD1;

  --itv-st-success-bg:     #E4F4E9;
  --itv-st-success-border: #C6E7D1;
  --itv-st-success-fg:     #146039;
  --itv-st-success-solid:  #1F8A52;

  --itv-st-warning-bg:     #FBEEDA;
  --itv-st-warning-border: #F3DCB4;
  --itv-st-warning-fg:     #7E4C05;
  --itv-st-warning-solid:  #C2621A;

  --itv-st-danger-bg:      #FBE8E7;
  --itv-st-danger-border:  #F5CFCC;
  --itv-st-danger-fg:      #96241D;
  --itv-st-danger-solid:   #C9342C;

  --itv-st-brand-bg:       #FDF4D6;
  --itv-st-brand-border:   #F9E7A6;
  --itv-st-brand-fg:       #6E5300;
  --itv-st-brand-solid:    #FDD137;

  /* Darbību krāsas (pogas, alert joslas) - atvasinātas no statusiem */
  --itv-danger:        #C9342C;
  --itv-danger-hover:  #B02A23;
  --itv-danger-soft:   #FBE8E7;
  --itv-success:       #1F8A52;
  --itv-warning:       #C2621A;
  --itv-info:          #1D4FD8;

  /* --- Grafiku palete (validēta: OKLCH josla, hromas slieksnis,
         CVD ΔE, kontrasts pret virsmu) ---------------------------------- */
  --itv-chart-1: #1D4FD8;  /* zils    */
  --itv-chart-2: #C2621A;  /* oranžs  */
  --itv-chart-3: #0E8F86;  /* tirkīzs */
  --itv-chart-4: #6B4FD1;  /* violets */
  --itv-chart-5: #4E7A16;  /* zaļš    */
  --itv-chart-6: #A8306B;  /* magenta */
  --itv-chart-7: #8A7A12;  /* zelts   */
  /* Sekvenciālā (viena nokrāsa, gaišs -> tumšs) */
  --itv-seq-1: #7FA5E9; --itv-seq-2: #5382DC; --itv-seq-3: #2F5FC9;
  --itv-seq-4: #1F489F; --itv-seq-5: #163576; --itv-seq-6: #0F244E;
  /* Diverģentā (silts <- neitrāls -> vēss); vidus vienmēr pelēks */
  --itv-div-neg-2: #8A3D0B; --itv-div-neg-1: #D98E4A;
  --itv-div-mid:   #E3E3DC;
  --itv-div-pos-1: #5FA9BC; --itv-div-pos-2: #0B5D70;
  --itv-chart-grid: #EDEDE7;
  --itv-chart-axis: #CFCFC6;

  /* --- Tipogrāfija -------------------------------------------------------- */
  /* Montserrat = zīmola seja (virsraksti, logo, KPI skaitļi).
     IBM Plex Sans = darba seja (saskarne, tabulas, formas).
     IBM Plex Mono = identifikatori, dokumentu numuri, kods.               */
  --itv-font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --itv-font-sans:    "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --itv-font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --itv-text-2xs: .6875rem;  /* 11px · tabulu virsraksti, mikro etiķetes */
  --itv-text-xs:  .75rem;    /* 12px · palīgteksts, nozīmītes           */
  --itv-text-sm:  .8125rem;  /* 13px · blīvās tabulas, sānu izvēlne     */
  --itv-text-md:  .875rem;   /* 14px · SASKARNES PAMATA IZMĒRS          */
  --itv-text-lg:  1rem;      /* 16px · formu ievade, garš teksts        */
  --itv-text-xl:  1.125rem;  /* 18px · kartes virsraksti                */
  --itv-text-2xl: 1.375rem;  /* 22px · sadaļas virsraksti               */
  --itv-text-3xl: 1.75rem;   /* 28px · lapas virsraksts                 */
  --itv-text-4xl: 2.25rem;   /* 36px · KPI skaitļi                      */

  --itv-lh-tight:  1.2;
  --itv-lh-snug:   1.35;
  --itv-lh-normal: 1.55;
  --itv-lh-loose:  1.7;

  --itv-fw-light:    300;
  --itv-fw-regular:  400;
  --itv-fw-medium:   500;
  --itv-fw-semibold: 600;
  --itv-fw-bold:     700;

  --itv-tracking-label: .06em;   /* VERSĀLU etiķetes */
  --itv-tracking-tight: -.01em;  /* lieli virsraksti */

  /* --- Atstarpes (4px solis) ---------------------------------------------- */
  --itv-space-0:  0;
  --itv-space-1:  .25rem;   /*  4 */
  --itv-space-2:  .5rem;    /*  8 */
  --itv-space-3:  .75rem;   /* 12 */
  --itv-space-4:  1rem;     /* 16 */
  --itv-space-5:  1.25rem;  /* 20 */
  --itv-space-6:  1.5rem;   /* 24 */
  --itv-space-8:  2rem;     /* 32 */
  --itv-space-10: 2.5rem;   /* 40 */
  --itv-space-12: 3rem;     /* 48 */
  --itv-space-16: 4rem;     /* 64 */

  /* --- Rādiusi ------------------------------------------------------------ */
  --itv-radius-xs:   3px;
  --itv-radius-sm:   5px;
  --itv-radius-md:   7px;   /* pogas, ievadlauki - noklusējums */
  --itv-radius-lg:   10px;  /* kartes, paneļi */
  --itv-radius-xl:   14px;  /* modālie logi */
  --itv-radius-pill: 999px; /* nozīmītes, čipi */

  /* --- Ēnas (siltas, ne zilas) ------------------------------------------- */
  --itv-shadow-xs: 0 1px 2px rgba(28, 26, 16, .06);
  --itv-shadow-sm: 0 1px 3px rgba(28, 26, 16, .08), 0 1px 2px rgba(28, 26, 16, .05);
  --itv-shadow-md: 0 4px 12px rgba(28, 26, 16, .09), 0 1px 3px rgba(28, 26, 16, .06);
  --itv-shadow-lg: 0 12px 32px rgba(28, 26, 16, .13), 0 2px 8px rgba(28, 26, 16, .07);
  --itv-shadow-brand: 0 2px 0 var(--itv-brand-active);

  /* --- Kustība ------------------------------------------------------------ */
  --itv-dur-instant: 80ms;
  --itv-dur-fast:    140ms;
  --itv-dur-normal:  200ms;
  --itv-dur-slow:    320ms;
  --itv-ease:        cubic-bezier(.2, .6, .3, 1);
  --itv-ease-out:    cubic-bezier(.16, 1, .3, 1);

  /* --- Slāņi -------------------------------------------------------------- */
  --itv-z-base: 0;
  --itv-z-sticky: 100;
  --itv-z-dropdown: 300;
  --itv-z-overlay: 400;
  --itv-z-modal: 500;
  --itv-z-toast: 600;
  --itv-z-tooltip: 700;

  /* --- Izkārtojuma izmēri ------------------------------------------------- */
  --itv-sidebar-w: 244px;
  --itv-sidebar-w-collapsed: 60px;
  --itv-topbar-h: 56px;
  --itv-control-h-sm: 28px;
  --itv-control-h-md: 34px;   /* noklusējums */
  --itv-control-h-lg: 42px;
  --itv-row-h: 40px;          /* tabulas rinda */
  --itv-row-h-dense: 32px;
  --itv-content-max: 1360px;
  --itv-prose-max: 68ch;
}

/* =============== TUMŠĀ TĒMA ================================================
   Tikai tokenu pārdefinēšana. Neviena komponente nezina par tēmām.        */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;

    --itv-brand:            #FDD137;
    --itv-brand-hover:      #FFDC5E;
    --itv-brand-active:     #F3C41C;
    --itv-brand-soft:       #2C2510;
    --itv-brand-soft-hover: #3A3115;
    --itv-brand-border:     #4A3E15;
    --itv-brand-ink:        #F3D671;
    --itv-on-brand:         #16160F;

    --itv-bg-canvas:     #141413;
    --itv-bg-surface:    #1D1D1B;
    --itv-bg-raised:     #24241F;
    --itv-bg-sunken:     #191917;
    --itv-bg-subtle:     #222220;
    --itv-bg-hover:      #2A2A27;
    --itv-bg-active:     #34342F;
    --itv-bg-inverse:    #F7F7F3;
    --itv-bg-overlay:    rgba(8, 8, 7, .68);

    --itv-fg:            #F2F2EE;
    --itv-fg-secondary:  #B4B4AB;
    --itv-fg-muted:      #8E8E85;
    --itv-fg-disabled:   #5C5C55;
    --itv-fg-inverse:    #1D1D1A;
    --itv-fg-link:       #A6C4F8;
    --itv-fg-link-hover: #C6DAFC;

    --itv-border:        #32322E;
    --itv-border-strong: #43433D;
    --itv-border-input:  #43433D;
    --itv-border-hover:  #5C5C55;
    --itv-divider:       #2A2A27;

    --itv-focus:         #FDD137;
    --itv-focus-halo:    rgba(253, 209, 55, .28);
    --itv-ring:          0 0 0 2px var(--itv-bg-surface), 0 0 0 4px var(--itv-focus);

    --itv-st-neutral-bg:     #2A2A27;
    --itv-st-neutral-border: #3A3A35;
    --itv-st-neutral-fg:     #C9C9C1;
    --itv-st-neutral-solid:  #8E8E84;

    --itv-st-info-bg:        #182338;
    --itv-st-info-border:    #24365A;
    --itv-st-info-fg:        #A6C4F8;
    --itv-st-info-solid:     #5A85E8;

    --itv-st-progress-bg:     #102A28;
    --itv-st-progress-border: #1A423E;
    --itv-st-progress-fg:     #6FD5C8;
    --itv-st-progress-solid:  #25A899;

    --itv-st-review-bg:      #221D3A;
    --itv-st-review-border:  #342C58;
    --itv-st-review-fg:      #BCACF7;
    --itv-st-review-solid:   #8E76E8;

    --itv-st-success-bg:     #142A1D;
    --itv-st-success-border: #1F412C;
    --itv-st-success-fg:     #86D5A2;
    --itv-st-success-solid:  #35A163;

    --itv-st-warning-bg:     #2E2110;
    --itv-st-warning-border: #4A351A;
    --itv-st-warning-fg:     #EEB877;
    --itv-st-warning-solid:  #CB7826;

    --itv-st-danger-bg:      #2E1816;
    --itv-st-danger-border:  #4A2422;
    --itv-st-danger-fg:      #F2A9A3;
    --itv-st-danger-solid:   #D6564D;

    --itv-st-brand-bg:       #2C2510;
    --itv-st-brand-border:   #4A3E15;
    --itv-st-brand-fg:       #F3D671;
    --itv-st-brand-solid:    #FDD137;

    --itv-danger:        #D6564D;
    --itv-danger-hover:  #E36C63;
    --itv-danger-soft:   #2E1816;
    --itv-success:       #35A163;
    --itv-warning:       #CB7826;
    --itv-info:          #5A85E8;

    --itv-chart-1: #5A85E8; --itv-chart-2: #CB7826; --itv-chart-3: #25A899;
    --itv-chart-4: #8E76E8; --itv-chart-5: #719E29; --itv-chart-6: #DC5F92;
    --itv-chart-7: #A89024;
    --itv-seq-1: #C4DAF8; --itv-seq-2: #A0C2F0; --itv-seq-3: #7FA9E6;
    --itv-seq-4: #6390D6; --itv-seq-5: #4E76BC; --itv-seq-6: #3E5C96;
    --itv-div-neg-2: #E8A566; --itv-div-neg-1: #B0713A;
    --itv-div-mid:   #43433D;
    --itv-div-pos-1: #4E8C9E; --itv-div-pos-2: #7FC4D4;
    --itv-chart-grid: #2A2A27;
    --itv-chart-axis: #43433D;

    --itv-shadow-xs: 0 1px 2px rgba(0, 0, 0, .40);
    --itv-shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);
    --itv-shadow-md: 0 4px 14px rgba(0, 0, 0, .50), 0 1px 3px rgba(0, 0, 0, .40);
    --itv-shadow-lg: 0 14px 38px rgba(0, 0, 0, .58), 0 2px 8px rgba(0, 0, 0, .45);
    --itv-shadow-brand: 0 2px 0 #A8801A;
  }
}

/* Nepārprotami izvēlēta tumšā tēma - uzvar arī pie gaišas OS */
:root[data-theme="dark"] {
  color-scheme: dark;

  --itv-brand:            #FDD137;
  --itv-brand-hover:      #FFDC5E;
  --itv-brand-active:     #F3C41C;
  --itv-brand-soft:       #2C2510;
  --itv-brand-soft-hover: #3A3115;
  --itv-brand-border:     #4A3E15;
  --itv-brand-ink:        #F3D671;
  --itv-on-brand:         #16160F;

  --itv-bg-canvas:     #141413;
  --itv-bg-surface:    #1D1D1B;
  --itv-bg-raised:     #24241F;
  --itv-bg-sunken:     #191917;
  --itv-bg-subtle:     #222220;
  --itv-bg-hover:      #2A2A27;
  --itv-bg-active:     #34342F;
  --itv-bg-inverse:    #F7F7F3;
  --itv-bg-overlay:    rgba(8, 8, 7, .68);

  --itv-fg:            #F2F2EE;
  --itv-fg-secondary:  #B4B4AB;
  --itv-fg-muted:      #8E8E85;
  --itv-fg-disabled:   #5C5C55;
  --itv-fg-inverse:    #1D1D1A;
  --itv-fg-link:       #A6C4F8;
  --itv-fg-link-hover: #C6DAFC;

  --itv-border:        #32322E;
  --itv-border-strong: #43433D;
  --itv-border-input:  #43433D;
  --itv-border-hover:  #5C5C55;
  --itv-divider:       #2A2A27;

  --itv-focus:         #FDD137;
  --itv-focus-halo:    rgba(253, 209, 55, .28);
  --itv-ring:          0 0 0 2px var(--itv-bg-surface), 0 0 0 4px var(--itv-focus);

  --itv-st-neutral-bg:     #2A2A27;
  --itv-st-neutral-border: #3A3A35;
  --itv-st-neutral-fg:     #C9C9C1;
  --itv-st-neutral-solid:  #8E8E84;

  --itv-st-info-bg:        #182338;
  --itv-st-info-border:    #24365A;
  --itv-st-info-fg:        #A6C4F8;
  --itv-st-info-solid:     #5A85E8;

  --itv-st-progress-bg:     #102A28;
  --itv-st-progress-border: #1A423E;
  --itv-st-progress-fg:     #6FD5C8;
  --itv-st-progress-solid:  #25A899;

  --itv-st-review-bg:      #221D3A;
  --itv-st-review-border:  #342C58;
  --itv-st-review-fg:      #BCACF7;
  --itv-st-review-solid:   #8E76E8;

  --itv-st-success-bg:     #142A1D;
  --itv-st-success-border: #1F412C;
  --itv-st-success-fg:     #86D5A2;
  --itv-st-success-solid:  #35A163;

  --itv-st-warning-bg:     #2E2110;
  --itv-st-warning-border: #4A351A;
  --itv-st-warning-fg:     #EEB877;
  --itv-st-warning-solid:  #CB7826;

  --itv-st-danger-bg:      #2E1816;
  --itv-st-danger-border:  #4A2422;
  --itv-st-danger-fg:      #F2A9A3;
  --itv-st-danger-solid:   #D6564D;

  --itv-st-brand-bg:       #2C2510;
  --itv-st-brand-border:   #4A3E15;
  --itv-st-brand-fg:       #F3D671;
  --itv-st-brand-solid:    #FDD137;

  --itv-danger:        #D6564D;
  --itv-danger-hover:  #E36C63;
  --itv-danger-soft:   #2E1816;
  --itv-success:       #35A163;
  --itv-warning:       #CB7826;
  --itv-info:          #5A85E8;

  --itv-chart-1: #5A85E8; --itv-chart-2: #CB7826; --itv-chart-3: #25A899;
  --itv-chart-4: #8E76E8; --itv-chart-5: #719E29; --itv-chart-6: #DC5F92;
  --itv-chart-7: #A89024;
  --itv-seq-1: #C4DAF8; --itv-seq-2: #A0C2F0; --itv-seq-3: #7FA9E6;
  --itv-seq-4: #6390D6; --itv-seq-5: #4E76BC; --itv-seq-6: #3E5C96;
  --itv-div-neg-2: #E8A566; --itv-div-neg-1: #B0713A;
  --itv-div-mid:   #43433D;
  --itv-div-pos-1: #4E8C9E; --itv-div-pos-2: #7FC4D4;
  --itv-chart-grid: #2A2A27;
  --itv-chart-axis: #43433D;

  --itv-shadow-xs: 0 1px 2px rgba(0, 0, 0, .40);
  --itv-shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);
  --itv-shadow-md: 0 4px 14px rgba(0, 0, 0, .50), 0 1px 3px rgba(0, 0, 0, .40);
  --itv-shadow-lg: 0 14px 38px rgba(0, 0, 0, .58), 0 2px 8px rgba(0, 0, 0, .45);
  --itv-shadow-brand: 0 2px 0 #A8801A;
}

/* Augsta kontrasta / forced-colors režīms - statusi nedrīkst zust */
@media (forced-colors: active) {
  :root { --itv-ring: 0 0 0 3px Highlight; }
}