/* GP Osteria – design tokens */
:root {
  /* Palette */
  --black: #0a0a0b;
  --black-2: #121214;
  --black-3: #1a1a1d;
  --ink: #f4efe6;          /* warm off-white for headings */
  --ink-dim: #c9c2b6;      /* body text on dark */
  --ink-mute: #8f8a80;
  --orange: #ff5f0a;       /* brand orange – bright, never brown */
  --orange-2: #ff8a2b;     /* highlight / glow */
  --orange-deep: #ff5a00;  /* textured orange base (matches the mockups) */
  --orange-dark: #d94a00;
  --neon: #ff7a1a;         /* thin neon edge lines */
  --cream: #f6ead6;        /* menu paper */

  /* Glow */
  --glow: 0 0 18px rgba(255, 106, 19, .55), 0 0 2px rgba(255, 138, 43, .9);
  --glow-soft: 0 0 30px rgba(255, 106, 19, .32);
  --neon-glow: drop-shadow(0 0 4px rgba(255, 122, 26, .9)) drop-shadow(0 0 12px rgba(255, 106, 19, .55));

  /* Type */
  --font-display: "Teko", "Impact", sans-serif;
  --font-hand: "Caveat", "Segoe Script", cursive;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Layout */
  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 84px;
  --slant: clamp(28px, 5vw, 72px);
  --zig: clamp(18px, 2.4vw, 34px);   /* zig-zag tooth height */
  --radius: 4px;

  /* Motion */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .6s;
}

@media (max-width: 767px) {
  :root {
    --header-h: 68px;
  }
}