/* ══════════════════════════════════════════════
   DESIGN TOKENS — Hamburgueria Palmira
   Paleta OKLCH, tipografia e escala de espaço
══════════════════════════════════════════════ */

:root {
  /* ── Cor: Superfícies ─────────────────────── */
  --color-bg:         oklch(0.07 0.000 0);
  --color-surface:    oklch(0.15 0.024 62);
  --color-surface-2:  oklch(0.19 0.010 60);
  --color-border:     oklch(0.22 0.012 60);

  /* ── Cor: Marca ───────────────────────────── */
  --color-primary:      oklch(0.73 0.172 65);
  --color-primary-dim:  oklch(0.60 0.155 63);
  --color-primary-deep: oklch(0.38 0.100 58);

  /* ── Cor: Texto ───────────────────────────── */
  --color-ink:          oklch(0.94 0.008 85);
  --color-muted:        oklch(0.60 0.012 85);
  --color-on-primary:   oklch(0.10 0.000 0);

  /* ── Tipografia ───────────────────────────── */
  --font-display: 'Big Shoulders Display', system-ui, sans-serif;
  --font-body:    'Manrope', system-ui, sans-serif;

  --text-hero:  clamp(2.75rem, 8vw, 5.25rem);
  --text-h2:    clamp(1.875rem, 4vw, 3rem);
  --text-h3:    clamp(1.25rem, 2.5vw, 1.625rem);
  --text-body:  1rem;
  --text-sm:    0.875rem;
  --text-label: 0.75rem;

  /* ── Espaçamento ──────────────────────────── */
  --space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-6:  3rem;
  --space-8:  4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  --section-py: clamp(4rem, 8vw, 7rem);
  --container-px: clamp(1rem, 4vw, 2rem);
  --container-max: 1200px;

  /* ── Border radius ────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 9999px;

  /* ── Motion ───────────────────────────────── */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 400ms;

  /* ── z-index ──────────────────────────────── */
  --z-sticky:  200;
  --z-modal:   400;
  --z-toast:   500;
}