/* ============================================
   Malek Rifai — Design Tokens
   Single committed dark theme: "charred umber".
   Derived from the warm, low-light food
   photography in his portfolio.
   ============================================ */

:root {
  /* Grounds */
  --ground: #141110;        /* charred near-black, warm */
  --surface: #1e1917;       /* raised panels, cards */
  --surface-2: #272019;     /* hover / emphasized panels */
  --line: #352c25;          /* hairlines, borders */

  /* Ink */
  --ink: #ede6dd;           /* warm off-white */
  --ink-muted: #9c8f84;     /* secondary text */
  --ink-faint: #6b6058;     /* captions, ghost labels */

  /* Accents */
  --amber: #e8a33d;         /* brioche amber — the accent */
  --amber-deep: #b97a1e;
  --vermilion: #d4472a;     /* one moment only */

  /* Type */
  --font-display: "Archivo", "Arial Black", sans-serif;
  --font-body: "Instrument Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;

  /* Type scale (minor third-ish, clamped) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: clamp(1.5rem, 3vw, 2.25rem);
  --text-2xl: clamp(2rem, 5vw, 3.5rem);
  --text-hero: clamp(2.75rem, 12.5vw, 11rem);

  /* Rhythm */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;

  --radius: 14px;
  --radius-sm: 8px;

  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}