/* ==========================================================================
   WOK n PAN — base.css
   Design tokens, resets, typography & shared helpers
   ========================================================================== */

/* ==========================================================================
   WOK n PAN Family Restaurant — Design System
   ========================================================================== */
:root{
  --chili:#C0392B;          /* Deep Chili Red   */
  --chili-lite:#d9432f;
  --saffron:#E67E22;        /* Warm Saffron Gold*/
  --saffron-lite:#f39c3d;
  --charcoal:#1A1A1A;       /* Rich Charcoal    */
  --charcoal-2:#121212;
  --charcoal-soft:#232323;
  --cream:#FFF8F0;          /* Cream / Off White*/
  --cream-2:#fdf1e6;
  --ember:#8B2500;          /* Smoky Ember      */
  --basil:#27AE60;          /* Fresh Basil      */

  --ink:#22201e;
  --muted:#6d6560;
  --muted-dark:rgba(255,248,240,.66);
  --line:rgba(26,26,26,.09);
  --line-dark:rgba(255,248,240,.12);

  --f-logo:'Playfair Display',Georgia,serif;
  --f-hero:'Abril Fatface',Georgia,serif;
  --f-quote:'Cormorant Garamond',Georgia,serif;
  --f-head:'Josefin Sans',system-ui,sans-serif;
  --f-body:'Lato',system-ui,-apple-system,sans-serif;
  --f-menu:'Dancing Script',cursive;

  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --sh-1:0 4px 16px rgba(26,26,26,.06);
  --sh-2:0 14px 40px rgba(26,26,26,.10);
  --sh-glow:0 18px 44px rgba(192,57,43,.30);
  --sh-glow-lg:0 26px 70px rgba(192,57,43,.42);
  --nav-h:78px;
  --ease:cubic-bezier(.22,1,.36,1);
  --shell:min(1220px,92vw);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px);-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  font-family:var(--f-body);
  background:var(--cream);
  color:var(--ink);
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.is-locked{overflow:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul{list-style:none}
::selection{background:var(--chili);color:#fff}

/* scrollbar */
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--charcoal)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--chili),var(--ember));border-radius:9px;border:2px solid var(--charcoal)}
::-webkit-scrollbar-thumb:hover{background:var(--saffron)}

.shell{width:var(--shell);margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}