/* ==========================================================================
   Gundanz Cafe — Design tokens
   Espresso / cream / muted gold / charcoal
   ========================================================================== */
:root {
  /* Brand */
  --espresso-950: #140d09;
  --espresso-900: #1c130e;
  --espresso-850: #231812;
  --espresso-800: #2b1e17;
  --espresso-700: #3a2a20;
  --espresso-600: #4d382b;
  --espresso-500: #6b4f3d;
  --gold-600: #9c7a45;
  --gold-500: #b8925a;
  --gold-400: #cfae7a;
  --gold-300: #e3cba3;
  --gold-100: #f6ecdc;
  --cream-50: #fcfaf6;
  --cream-100: #f7f2ea;
  --cream-200: #efe7da;
  --cream-300: #e4d9c7;
  --charcoal-900: #1d1b19;
  --charcoal-700: #3b3733;
  --charcoal-500: #6e675f;
  --charcoal-400: #8f877d;
  --charcoal-300: #b5ada2;

  /* Semantic */
  --bg: #f5f1ea;
  --surface: #ffffff;
  --surface-2: #fbf9f5;
  --surface-3: #f3eee6;
  --border: #e8e0d3;
  --border-strong: #d8ccb9;
  --text: #1f1a16;
  --text-2: #5b524a;
  --text-3: #8d847a;
  --accent: var(--gold-500);
  --accent-strong: var(--gold-600);
  --accent-soft: #f4ead9;

  --success: #2f7a55;
  --success-soft: #e3f1e8;
  --warning: #b7791f;
  --warning-soft: #fbf0dc;
  --danger: #b3412e;
  --danger-soft: #f8e3de;
  --info: #3d6a8f;
  --info-soft: #e2edf5;
  --violet: #6d5a96;
  --violet-soft: #ece7f5;

  /* Chart palette */
  --c1: #b8925a;
  --c2: #3a2a20;
  --c3: #6f8f72;
  --c4: #c26b4a;
  --c5: #5d7fa0;
  --c6: #8c6d9e;
  --c7: #d6b88a;

  /* Type */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 13.5px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 19px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;

  /* Shape */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-full: 999px;

  --shadow-xs: 0 1px 2px rgba(43, 30, 23, .06);
  --shadow-sm: 0 1px 3px rgba(43, 30, 23, .07), 0 1px 2px rgba(43, 30, 23, .04);
  --shadow-md: 0 6px 18px -6px rgba(43, 30, 23, .14), 0 2px 6px rgba(43, 30, 23, .05);
  --shadow-lg: 0 18px 48px -12px rgba(28, 19, 14, .28), 0 4px 12px rgba(28, 19, 14, .08);
  --ring: 0 0 0 3px rgba(184, 146, 90, .28);

  /* Layout */
  --sidebar-w: 256px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 64px;
  --gutter: 24px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 140ms;
  --t-med: 240ms;
}