/* ============================================================
   Golden Key Africa — tokeny projektowe
   Kierunek A: „Kataster”
   Referencja: plan/ux-design-system.md §2, §3, §4

   Zasada: neutralne tonowane w hue marki (chroma 0.004–0.022).
   Nigdzie #000 ani #fff jako tło. Biel wyłącznie jako kolor
   tekstu na tłach brand / accent-dark / success / danger.
   ============================================================ */

:root {
  /* --- Kolor -------------------------------------------------- */
  --brand:          oklch(0.42 0.072 210);   /* #025763 */
  --brand-dark:     oklch(0.30 0.048 210);   /* #06343b */
  --brand-tint:     oklch(0.945 0.020 210);  /* #def1f4 */
  --accent:         oklch(0.72 0.125 80);    /* #cd9b3c — mosiądz */
  --accent-dark:    oklch(0.52 0.098 72);    /* #8b5e1d */
  --ink:            oklch(0.22 0.014 210);   /* #131c1e */
  --muted:          oklch(0.525 0.014 210);  /* #626d6f */
  --bg:             oklch(0.985 0.004 210);  /* #f7fbfc */
  --bg-alt:         oklch(0.955 0.009 210);  /* #eaf2f3 */
  --border:         oklch(0.888 0.010 210);  /* #d3dcde */
  --border-strong:  oklch(0.615 0.018 210);  /* #79888b */
  --success:        oklch(0.52 0.105 155);   /* #2b7a4d */
  --warn:           oklch(0.62 0.140 52);    /* #c66a28 */
  --danger:         oklch(0.50 0.170 25);    /* #b02a2d */
  --focus:          oklch(0.50 0.150 255);   /* #1762b6 */
  --on-brand:       #ffffff;

  /* ZAKAZ: biel na --accent daje 2,51:1. Mosiądz zawsze z --ink. */

  /* --- Typografia --------------------------------------------- */
  --font-ui: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-doc: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  /* Krój wyświetleniowy podmieniany przez [data-display] — patrz gka.css */
  --font-display: var(--font-ui);

  --fs-display:    clamp(2.75rem, 2rem + 3.4vw, 5rem);
  --fs-h1:         clamp(2.25rem, 1.8rem + 2.2vw, 3.75rem);
  --fs-h2:         clamp(1.75rem, 1.5rem + 1.15vw, 2.625rem);
  --fs-h3:         clamp(1.375rem, 1.24rem + 0.6vw, 1.75rem);
  --fs-h4:         clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --fs-lead:       clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --fs-body:       clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-sm:         0.875rem;
  --fs-label:      0.75rem;
  --fs-price:      clamp(1.75rem, 1.5rem + 1vw, 2.375rem);
  --fs-price-card: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);

  --lh-display: 1.02;
  --lh-h1: 1.06;
  --lh-h2: 1.12;
  --lh-h3: 1.20;
  --lh-h4: 1.28;
  --lh-lead: 1.50;
  --lh-body: 1.60;

  --tr-display: -0.022em;
  --tr-h1: -0.018em;
  --tr-h2: -0.012em;
  --tr-h3: -0.006em;
  --tr-label: 0.07em;
  --tr-price: -0.015em;

  /* --- Układ --------------------------------------------------- */
  --w-text:    min(68ch, 100%);
  --w-content: 1200px;
  --w-wide:    1440px;
  --gutter:    clamp(1rem, 0.5rem + 2vw, 2rem);
  --header-h:  72px;

  --s-1: 0.25rem;  --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;    --s-7: 3rem;    --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;   --s-11: 12rem;

  /* Rytm sekcji jest zmienny: dowód dostaje więcej ciszy niż listing. */
  --pad-evidence: clamp(4rem, 3rem + 5vw, 8rem);
  --pad-listing:  clamp(3rem, 2rem + 3vw, 5rem);
  --pad-trust:    clamp(1.25rem, 1rem + 1vw, 2rem);

  /* Dokumenty nie mają zaokrąglonych rogów. */
  --r-sm: 2px;
  --r-md: 3px;

  /* Brak cieni w treści. Wyjątki wyłącznie funkcjonalne. */
  --shadow-sticky: 0 -1px 0 var(--border), 0 -10px 28px -12px oklch(0.22 0.014 210 / 0.22);
  --shadow-sheet:  0 -2px 0 var(--border), 0 -24px 48px -20px oklch(0.22 0.014 210 / 0.28);

  --dur-fast: 120ms;
  --dur-base: 200ms;
  --ease: cubic-bezier(0.2, 0, 0.2, 1);
}

/* Fallback dla przeglądarek bez oklch() — wartości hex z tej samej tabeli. */
@supports not (color: oklch(0.5 0.1 200)) {
  :root {
    --brand: #025763;        --brand-dark: #06343b;   --brand-tint: #def1f4;
    --accent: #cd9b3c;       --accent-dark: #8b5e1d;
    --ink: #131c1e;          --muted: #626d6f;
    --bg: #f7fbfc;           --bg-alt: #eaf2f3;
    --border: #d3dcde;       --border-strong: #79888b;
    --success: #2b7a4d;      --warn: #c66a28;         --danger: #b02a2d;
    --focus: #1762b6;
  }
}