/*
  tokens.css - Design Core "Kawiarnia na Widoku"
  ============================================================================
  ZRODLO PRAWDY dla tokenow (kolory, fonty, cienie, radiusy).
  Kanoniczna, zunifikowana paleta - do reuzycia w wielu projektach bez
  duplikacji. Wszystkie inne pliki (tailwind.preset.js, preview.html)
  odwoluja sie do tych zmiennych, nie duplikuja wartosci.
  Uwaga: kanoniczny roz to --rose: #C97D6C (wg dokumentu brandowego).
  Wariant #B76E79 z wizytowki NIE jest czescia core.
  ============================================================================
*/
:root {
  --bg: #F7F2EC;            /* cream */
  --bg-2: #EFE7DD;          /* cream deep */
  --surface: #FFFFFF;
  --ink: #1E1410;           /* deep espresso */
  --ink-2: #4A3B33;
  --muted: #8A7A6F;
  --muted-strong: #6E5F54;
  --line: #E5D9CB;
  --line-2: #D7C7B6;
  --accent: #A26A4B;        /* caramel */
  --accent-2: #8B5634;      /* dark caramel */
  --rose: #C97D6C;
  --rose-bg: #F6E9EC;
  --mauve: #8E6C88;
  --gold: #B89968;
  --ok: #4F7A4A;
  --warn: #B05B1A;
  --err: #9E3A2A;
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --shadow: 0 1px 2px rgba(30,20,16,.04), 0 8px 24px rgba(30,20,16,.06);
  --shadow-lg: 0 8px 32px rgba(30,20,16,.10), 0 24px 64px rgba(30,20,16,.10);
  --radius: 14px;
  --radius-sm: 8px;
}