/* ============================================================
   SlimKoper™ — Design Tokens
   Brand identity: institutional Dutch trust (Kadaster/ANWB/ING)
   ============================================================ */

:root {
  /* — Brand colors (locked) — */
  --navy:        #0C447C;
  --navy-lite:   #185FA5;
  --navy-deep:   #061F3A;
  --gold:        #EF9F27;
  --gold-soft:   rgba(239, 159, 39, 0.15);

  /* — Surface — */
  --parch:       #F1EFE8;
  --parch-2:     #E2DFD6;
  --paper:       #F8F7F2;
  --white:       #FFFFFF;

  /* — Ink — */
  --ink:         #2C2C2A;
  --ink-soft:    #4A4A47;
  --muted:       #888780;
  --muted-soft:  #B5B3AC;

  /* — Semantic — */
  --ok:          #1D9E75;
  --warn:        #D4821A;
  --danger:      #A8301F;
  --info:        #185FA5;

  /* — Typography — */
  --font-serif:  'Playfair Display', Georgia, serif;
  --font-sans:   'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:   'DM Mono', 'Courier New', monospace;

  /* — Spacing — */
  --space-1:     4px;
  --space-2:     8px;
  --space-3:     12px;
  --space-4:     16px;
  --space-5:     20px;
  --space-6:     24px;
  --space-8:     32px;
  --space-10:    40px;
  --space-12:    48px;
  --space-16:    64px;
  --space-20:    80px;

  /* — Radius — */
  --r-sm:        4px;
  --r-md:        8px;
  --r-lg:        12px;
  --r-xl:        16px;
  --r-full:      999px;

  /* — Shadows — */
  --shadow-sm:   0 1px 3px rgba(12, 68, 124, 0.06);
  --shadow-md:   0 4px 12px rgba(12, 68, 124, 0.08);
  --shadow-lg:   0 12px 32px rgba(12, 68, 124, 0.12);
  --shadow-xl:   0 24px 60px rgba(12, 68, 124, 0.16);

  /* — Layout — */
  --max-w:       1100px;
  --header-h:    64px;

  /* — Motion — */
  --t-fast:      120ms;
  --t-base:      200ms;
  --t-slow:      360ms;
  --ease:        cubic-bezier(.2, .8, .2, 1);
}