/* ==========================================================================
   TOMBAKE DESIGN TOKENS
   All CSS variables ported from globals.css
   ========================================================================== */

:root {
  /* Brand */
  --accent: #e9272e;
  --accent-light: #f04a51;
  --accent-dark: #b81d23;

  /* Surfaces */
  --bone: #ffffff;
  --bone-2: #fafaf7;
  --bone-3: #f4f3ee;
  --pearl: #ecebe5;
  --mist: #d8d8d2;

  /* Text */
  --steel-light: #8a939c;
  --steel: #5a6470;
  --slate: #2b3a44;
  --slate-dark: #1c2730;
  --ink: #08080a;
  --fg: #2b3a44;
  --fg-muted: #5a6470;

  /* Aliases */
  --ink-2: #fafaf7;
  --ink-3: #f4f3ee;
  --ink-4: #ecebe5;
  --ink-5: #e3e1d8;
  --ink-6: #d8d8d2;
  --ink-7: #c0bfb6;

  /* RGB channel triplets */
  --accent-rgb: 233 39 46;
  --slate-rgb: 43 58 68;
  --ink-rgb: 8 8 10;
  --bone-rgb: 255 255 255;
  --white-rgb: 255 255 255;
  --black-rgb: 0 0 0;

  /* Spacing */
  --section-y: 2rem;
  --section-y-lg: 3rem;
  --section-x: 1.25rem;
  --section-x-lg: 2rem;

  /* Typography */
  --font-display: "DM Serif Display", Georgia, serif;
  --font-sans: "Inter", system-ui, sans-serif;
}