/* ==========================================================================
   KRASTA 89 — dizaina tokeni
   Vienīgā vieta, kur drīkst rakstīt krāsu, izmēru vai fonta vērtības.
   Komponenti lieto tikai šos mainīgos. Skat. /design/README.md
   ========================================================================== */

/* Fonts: Archivo Variable (OFL), hostēts lokāli. Viena datne ar svara
   (100–900) un platuma (62–125 %) asīm. Latin + Latin Extended-A (ā č ē ģ ī ķ ļ ņ š ū ž). */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url("../fonts/archivo-latin-ext-wdth-normal.woff2") format("woff2-variations"),
       url("../fonts/archivo-latin-ext-wdth-normal.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2-variations"),
       url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2");
  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;

  /* --- Pamata palete (zīmola krāsas, nemainās starp režīmiem) --- */
  --brand-sea-900: #0B3550;   /* „Krasta zils” — dziļi jūras zils */
  --brand-sea-700: #0C5A86;
  --brand-sea-300: #6CB8E8;
  --brand-graphite-900: #16202A;
  --brand-graphite-700: #2A3642;
  --brand-signal-500: #F2A516; /* „Signāldzeltens” — vienīgais akcents */
  --brand-signal-400: #F4B23A;

  /* --- Semantiskās krāsas: gaišais režīms --- */
  --c-bg: #F4F6F7;            /* lapas fons, grafīta nokrāsas pelēks */
  --c-surface: #FFFFFF;       /* kartītes, formas */
  --c-surface-2: #EBEFF2;     /* sekundāras virsmas, tabulas galva */
  --c-surface-inverse: #0B3550;
  --c-text: #16202A;          /* 15.2:1 uz --c-bg */
  --c-text-muted: #4B5866;    /* 6.7:1 uz --c-bg */
  --c-text-inverse: #FFFFFF;
  --c-border: #D3DAE0;        /* dekoratīvas līnijas */
  --c-border-strong: #7B8794; /* formu lauku robežas, 3.6:1 (ne-teksta kontrasts) */

  --c-primary: #0C5A86;       /* saites, primārās pogas; balts teksts 7.4:1 */
  --c-primary-hover: #0B3550;
  --c-on-primary: #FFFFFF;
  --c-primary-soft: #E5F0F7;

  --c-accent: #F2A516;        /* galvenā darbība (CTA), tumšs teksts 8:1 */
  --c-accent-hover: #DB9208;
  --c-on-accent: #16202A;

  --c-success: #1C6B3A;  --c-success-soft: #E6F3EA;
  --c-warning: #8A4B00;  --c-warning-soft: #FDF1DA;
  --c-danger:  #A8231A;  --c-danger-soft:  #FBE8E6;
  --c-info:    #0C5A86;  --c-info-soft:    #E5F0F7;
  --c-neutral: #4B5866;  --c-neutral-soft: #EBEFF2;

  --c-focus: #0C5A86;         /* fokusa gredzens; ārējais kontūrs --c-surface */
  --c-overlay: rgb(11 22 32 / 0.6);
  --c-highlight: #FDF1DA;     /* izcelti ieraksti (ne-standarta darbi) */

  --logo-accent: var(--brand-signal-500);

  /* Diagrammas (validētas skat. README) */
  --chart-1: #0F66B0;  /* šis gads */
  --chart-2: #9AA8B5;  /* iepriekšējais gads */
  --chart-brand-1: #0F66B0;
  --chart-brand-2: #C47A00;
  --chart-brand-3: #5B4A9E;
  --chart-grid: #D3DAE0;

  /* --- Tipogrāfija --- */
  --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;
  --stretch-display: 78%;     /* šaurais virsrakstu platums */
  --stretch-body: 100%;

  --fs-xs: 0.8125rem;   /* 13 px — tikai metadati */
  --fs-sm: 0.9375rem;   /* 15 px */
  --fs-base: 1.0625rem; /* 17 px — pamatteksts (lasa telefonā) */
  --fs-md: 1.1875rem;   /* 19 px */
  --fs-lg: clamp(1.375rem, 1.2rem + 0.8vw, 1.625rem);
  --fs-xl: clamp(1.625rem, 1.35rem + 1.4vw, 2.25rem);
  --fs-2xl: clamp(2rem, 1.5rem + 2.4vw, 3.25rem);
  --fs-3xl: clamp(2.5rem, 1.6rem + 4.2vw, 4.5rem);

  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.6;

  --fw-regular: 400;
  --fw-medium: 520;
  --fw-semibold: 620;
  --fw-bold: 720;
  --fw-black: 820;

  --tracking-caps: 0.06em;
  --measure: 68ch;

  /* --- Atstarpes (4 px bāze) --- */
  --s-1: 0.25rem;  /* 4 */
  --s-2: 0.5rem;   /* 8 */
  --s-3: 0.75rem;  /* 12 */
  --s-4: 1rem;     /* 16 */
  --s-5: 1.5rem;   /* 24 */
  --s-6: 2rem;     /* 32 */
  --s-7: 3rem;     /* 48 */
  --s-8: 4rem;     /* 64 */
  --s-9: 6rem;     /* 96 */
  --gutter: max(16px, env(safe-area-inset-left, 0px));
  --container: 76rem;
  --container-text: 46rem;

  /* --- Izmēri / skāriens --- */
  --tap: 44px;          /* min. skāriena laukums publiskajā lapā (WCAG 2.5.8 ≥ 24) */
  --tap-admin: 56px;    /* admin: lieli laukumi darbnīcai */
  --control-h: 48px;
  --icon: 1.25rem;

  /* --- Stūri: tehniski, mazi --- */
  --r-1: 3px;
  --r-2: 6px;
  --r-3: 10px;
  --r-pill: 999px;

  /* --- Ēnas (tikai paceltiem slāņiem) --- */
  --shadow-1: 0 1px 2px rgb(22 32 42 / 0.08), 0 1px 1px rgb(22 32 42 / 0.04);
  --shadow-2: 0 4px 12px rgb(22 32 42 / 0.10), 0 1px 3px rgb(22 32 42 / 0.08);
  --shadow-3: 0 16px 40px rgb(22 32 42 / 0.18), 0 4px 10px rgb(22 32 42 / 0.10);

  /* --- Kustība --- */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 120ms;
  --dur: 200ms;

  /* --- Slāņi --- */
  --z-header: 50;
  --z-menu: 60;
  --z-toast: 80;
  --z-modal: 90;
}

/* --- Tumšais režīms: sistēmas iestatījums --- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-bg: #0E141A;
    --c-surface: #151D25;
    --c-surface-2: #1C2630;
    --c-surface-inverse: #0B2638;
    --c-text: #E7ECF0;
    --c-text-muted: #A3B0BC;
    --c-text-inverse: #FFFFFF;
    --c-border: #2A3642;
    --c-border-strong: #6E7D8B;
    --c-primary: #6CB8E8;
    --c-primary-hover: #8CC8F0;
    --c-on-primary: #0E141A;
    --c-primary-soft: #12263A;
    --c-accent: #F4B23A;
    --c-accent-hover: #F6C25F;
    --c-on-accent: #0E141A;
    --c-success: #7CD39A;  --c-success-soft: #14271C;
    --c-warning: #F4C26B;  --c-warning-soft: #2B220F;
    --c-danger:  #FF9A90;  --c-danger-soft:  #33171A;
    --c-info:    #8CC8F0;  --c-info-soft:    #12263A;
    --c-neutral: #A3B0BC;  --c-neutral-soft: #1C2630;
    --c-focus: #8CC8F0;
    --c-overlay: rgb(0 0 0 / 0.7);
    --c-highlight: #2B220F;
    --logo-accent: var(--brand-signal-400);
    --chart-1: #3F8FC8;
    --chart-2: #5D6B78;
    --chart-brand-1: #3F8FC8;
    --chart-brand-2: #B87A1E;
    --chart-brand-3: #8574CC;
    --chart-grid: #2A3642;
    --shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);
    --shadow-2: 0 4px 12px rgb(0 0 0 / 0.45);
    --shadow-3: 0 16px 40px rgb(0 0 0 / 0.6);
  }
}
/* --- Tumšais režīms: lietotāja izvēle (pārslēgs) --- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #0E141A;
  --c-surface: #151D25;
  --c-surface-2: #1C2630;
  --c-surface-inverse: #0B2638;
  --c-text: #E7ECF0;
  --c-text-muted: #A3B0BC;
  --c-text-inverse: #FFFFFF;
  --c-border: #2A3642;
  --c-border-strong: #6E7D8B;
  --c-primary: #6CB8E8;
  --c-primary-hover: #8CC8F0;
  --c-on-primary: #0E141A;
  --c-primary-soft: #12263A;
  --c-accent: #F4B23A;
  --c-accent-hover: #F6C25F;
  --c-on-accent: #0E141A;
  --c-success: #7CD39A;  --c-success-soft: #14271C;
  --c-warning: #F4C26B;  --c-warning-soft: #2B220F;
  --c-danger:  #FF9A90;  --c-danger-soft:  #33171A;
  --c-info:    #8CC8F0;  --c-info-soft:    #12263A;
  --c-neutral: #A3B0BC;  --c-neutral-soft: #1C2630;
  --c-focus: #8CC8F0;
  --c-overlay: rgb(0 0 0 / 0.7);
  --c-highlight: #2B220F;
  --logo-accent: var(--brand-signal-400);
  --chart-1: #3F8FC8;
  --chart-2: #5D6B78;
  --chart-brand-1: #3F8FC8;
  --chart-brand-2: #B87A1E;
  --chart-brand-3: #8574CC;
  --chart-grid: #2A3642;
  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-2: 0 4px 12px rgb(0 0 0 / 0.45);
  --shadow-3: 0 16px 40px rgb(0 0 0 / 0.6);
}

/* Admin: lielāki laukumi un kontrasts. Pieliek <body class="admin">. */
.admin {
  --control-h: var(--tap-admin);
  --tap: var(--tap-admin);
  --fs-base: 1.0625rem;
  --c-border-strong: #5F6B77;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .admin { --c-border-strong: #8592A0; } }
:root[data-theme="dark"] .admin { --c-border-strong: #8592A0; }