/*
 * Stay Invoices — smer »Petrol in limeta« (paleta A, D4, 25. 10. 2026).
 * Edino mesto za barve in osnovne mere. Komponente uporabljajo samo var(--…).
 * Barve so prepisane iz docs/design/reference/palette-a.css (tools/palettes.py), imena vlog --c-* so nespremenjena:
 * najprej hex za starejše brskalnike, nato OKLCH pod @supports.
 * Imena so neodvisna od spleta (D6), da jih lahko prevzame tudi mobilna aplikacija.
 */
:root {
  --c-bg: #f5fafb;
  --c-surface: #ffffff;
  --c-fg: #062228;
  --c-muted: #485f65;
  --c-border: #d7e2e3;
  --c-border-strong: #728b90;
  --c-tint: #d3f5f4;
  --c-accent: #bcfb58;
  --c-accent-fg: #062228;
  --c-chapter: #003941;
  --c-chapter-deep: #00232a;
  --c-chapter-fg: #eef9fa;
  --c-chapter-muted: #aeced2;
  --c-chapter-surface: #0c4953;
  --c-field: #bcfb58;
  --c-field-fg: #062228;
  --c-field-muted: #24462c;
  --c-cta: #003941;
  --c-cta-fg: #eef9fa;
  --c-cta-dark: #bcfb58;
  --c-cta-dark-fg: #062228;
  --c-focus: #062228;
  --c-success: #106c3e;
  --c-success-bg: #d5f9e0;
  --c-warning: #8a5600;
  --c-warning-bg: #ffedc7;
  --c-danger: #ba2b2e;
  --c-danger-bg: #ffebe9;
  --c-unit-1: #ffb5d1;
  --c-unit-2: #94dcff;
  --c-unit-3: #ffc79b;
  --c-focus-on-dark: #bcfb58;
}
@supports (color: oklch(0 0 0)) {
  :root {
    --c-bg: oklch(0.982 0.006 200);
    --c-surface: oklch(1.000 0.000 0);
    --c-fg: oklch(0.235 0.035 215);
    --c-muted: oklch(0.470 0.030 215);
    --c-border: oklch(0.905 0.012 205);
    --c-border-strong: oklch(0.620 0.030 210);
    --c-tint: oklch(0.945 0.035 195);
    --c-accent: oklch(0.915 0.200 128);
    --c-accent-fg: oklch(0.235 0.035 215);
    --c-chapter: oklch(0.315 0.054 210);
    --c-chapter-deep: oklch(0.235 0.042 215);
    --c-chapter-fg: oklch(0.975 0.012 200);
    --c-chapter-muted: oklch(0.830 0.035 205);
    --c-chapter-surface: oklch(0.375 0.060 210);
    --c-field: oklch(0.915 0.200 128);
    --c-field-fg: oklch(0.235 0.035 215);
    --c-field-muted: oklch(0.360 0.060 150);
    --c-cta: oklch(0.315 0.054 210);
    --c-cta-fg: oklch(0.975 0.012 200);
    --c-cta-dark: oklch(0.915 0.200 128);
    --c-cta-dark-fg: oklch(0.235 0.035 215);
    --c-focus: oklch(0.235 0.035 215);
    --c-success: oklch(0.470 0.110 155);
    --c-success-bg: oklch(0.950 0.050 155);
    --c-warning: oklch(0.500 0.108 70);
    --c-warning-bg: oklch(0.950 0.053 85);
    --c-danger: oklch(0.520 0.180 25);
    --c-danger-bg: oklch(0.955 0.022 25);
    --c-unit-1: oklch(0.850 0.092 355);
    --c-unit-2: oklch(0.860 0.086 230);
    --c-unit-3: oklch(0.870 0.086 60);
    --c-focus-on-dark: oklch(0.915 0.200 128);
  }
}

:root {
  /* Pisavi: Bricolage Grotesque (naslovi) in Funnel Sans (besedilo), OFL-1.1, samogostovani; glej fonts.css */
  --font-display: "Bricolage Grotesque", "Funnel Sans", sans-serif;
  --font-body: "Funnel Sans", sans-serif;

  /* Velikosti: osnova 16, razmerje 1,25 */
  --fs-xs: 0.8125rem;  /* 13 */
  --fs-sm: 0.875rem;   /* 14 */
  --fs-md: 1rem;       /* 16 */
  --fs-lg: 1.25rem;    /* 20 */
  --fs-xl: 1.5625rem;  /* 25 */
  --fs-2xl: 1.953rem;  /* 31 */
  --fs-3xl: 2.441rem;  /* 39 */
  --fs-4xl: 3.052rem;  /* 49 */
  --fs-5xl: 3.815rem;  /* 61 */

  /* Razmiki po 4 px */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* Vogali in senca: senco ima samo kartica izdelka na barvni podlagi */
  --radius: 10px;
  --radius-pill: 999px;
  --shadow-lift: 0 1px 2px rgb(0 0 0 / 0.08), 0 18px 40px -12px rgb(0 0 0 / 0.35);
  --rule-on-dark: color-mix(in oklab, var(--c-chapter-fg) 14%, transparent);

  /* Gibanje */
  --dur-fast: 140ms;
  --dur: 200ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Postavitev */
  --max: 1240px;
  --text-max: 46rem;
}