/* Shashlik House NYC — brand tokens.
   This is the only file that carries brand identity. base.css reads from it
   and contains nothing restaurant-specific, so re-theming a landing means
   rewriting this file alone.

   Palette source: the restaurant itself — a black-brick facade under white
   capitals outside; exposed brick, warm wood and red-orange chairs inside. */

:root {
  /* Ink — near-black, the brand's actual colour */
  --ink-900: #0b0b0c;
  --ink-800: #141416;
  --ink-700: #1e1e21;
  --ink-600: #2b2b2f;

  /* Bone — warm off-white for reading surfaces */
  --bone-50: #faf8f4;
  --bone-100: #f2eee7;
  --bone-200: #e4ded3;
  --bone-300: #d3ccbe;
  --white: #ffffff;

  /* Accent, split by surface. One accent used on both light and dark is how
     the previous build failed WCAG, so each surface gets a checked value.
     Contrast ratios verified against the surfaces they are permitted on. */
  --accent-on-dark: #e1743a; /* 6.33:1 on --ink-900 */
  --accent-on-light: #a34110; /* 5.96:1 on --bone-50, 5.47:1 on --bone-100 */
  --brass: #c9a227; /* 8.13:1 on --ink-900 — decorative, never body text */

  /* Foreground, likewise split. Explicit values, never opacity-derived. */
  --fg-on-dark-1: #faf8f4; /* 18.55:1 */
  --fg-on-dark-2: #b9b4ac; /* 9.54:1 */
  --fg-on-light-1: #141416; /* 17.35:1 */
  --fg-on-light-2: #55524c; /* 7.34:1 */

  /* Status */
  --positive: #3f9c62;
  --positive-on-dark: #6fd396;

  /* Type. Archivo is drawn from the storefront sign: heavy, wide, white
     capitals. Instrument Sans carries running text. */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;
  --font-accent: var(--font-body);

  --display-width: 112; /* Archivo wdth axis */
  --display-weight: 800;

  /* Scale */
  --step--1: clamp(0.82rem, 0.8rem + 0.1vw, 0.88rem);
  --step-0: clamp(1rem, 0.97rem + 0.15vw, 1.08rem);
  --step-1: clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.25rem + 0.7vw, 1.85rem);
  --step-3: clamp(1.8rem, 1.5rem + 1.4vw, 2.6rem);
  --step-4: clamp(2.3rem, 1.7rem + 2.8vw, 4rem);
  --step-5: clamp(3rem, 1.8rem + 5.2vw, 6.5rem);

  /* Space */
  --space-2xs: 0.375rem;
  --space-xs: 0.625rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --section-y: clamp(4rem, 9vw, 7.5rem);

  /* Shape — squared off. Rounded corners read soft and generic; a grill
     house should feel cut, not cushioned. */
  --radius: 4px;
  --radius-lg: 8px;
  --radius-pill: 999px;

  --container: 1240px;
  --container-narrow: 68ch;
  --header-h: 74px;

  --shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06), 0 4px 12px rgba(11, 11, 12, 0.05);
  --shadow-md: 0 2px 4px rgba(11, 11, 12, 0.06), 0 16px 40px rgba(11, 11, 12, 0.1);
  --shadow-lg: 0 30px 80px rgba(11, 11, 12, 0.22);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 620ms;
}