/* ============================================================
   Al Khayam Radio Co. — Design Tokens & Foundation
   HBDC-BUILD-0001 · Locked palette + type (do not reopen)
   ============================================================ */

/* ---- Self-hosted fonts (latin + latin-ext subsets) ---- */
@font-face{
  font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/Marcellus-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/Marcellus-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;
  src:url('/assets/fonts/Jost-300-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;
  src:url('/assets/fonts/Jost-300-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/Jost-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/Jost-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/Jost-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/Jost-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---- Tokens ---- */
:root{
  /* Locked palette */
  --base:#0F0C0A;        /* warm near-black surface        */
  --base-2:#161210;      /* raised surface / cards         */
  --base-3:#1d1712;      /* hairline-lit panels            */
  --amber:#F0A52A;       /* the accent — links, CTAs, dial */
  --amber-glow:#FFD27A;  /* highlights, the needle         */
  --amber-deep:#C47D14;  /* amber on light, subdued strokes*/
  --ink:#F4ECE0;         /* primary text on dark           */
  --ink-soft:#C9BCAA;    /* secondary text                 */
  --ink-muted:#8F8072;   /* captions, metadata             */
  --hairline:#241d16;    /* borders / dividers             */
  --hairline-2:#2c241c;

  /* Type */
  --display:'Marcellus',Georgia,'Times New Roman',serif;
  --body:'Jost',system-ui,-apple-system,Segoe UI,sans-serif;

  /* Rhythm */
  --shell:min(1160px,92vw);
  --shell-narrow:min(760px,92vw);
  --gutter:clamp(20px,5vw,40px);

  /* Motion */
  --ease:cubic-bezier(.16,1,.3,1);
  --z-base:1; --z-header:100; --z-nav:200; --z-loader:300;
}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  background:var(--base);color:var(--ink-soft);
  font-family:var(--body);font-weight:400;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:var(--amber);text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--amber);outline-offset:3px;border-radius:2px;
}
::selection{background:var(--amber);color:var(--base)}

/* ---- Type scale ---- */
h1,h2,h3,h4{font-family:var(--display);font-weight:400;color:var(--ink);line-height:1.06;letter-spacing:-0.012em;text-wrap:balance}
h1{font-size:clamp(2.5rem,7vw,5.4rem);line-height:1.02}
h2{font-size:clamp(1.9rem,4.4vw,3.05rem)}
h3{font-size:clamp(1.3rem,2.6vw,1.7rem);letter-spacing:0}
p{max-width:66ch;text-wrap:pretty}
strong{color:var(--ink);font-weight:500}
em{color:var(--amber-glow);font-style:italic}

/* Tracked-out label (Jost) — the SINCE 1971 / eyebrow voice */
.eyebrow{
  font-family:var(--body);font-weight:400;font-size:.72rem;
  letter-spacing:.28em;text-transform:uppercase;color:var(--amber);
}
.since{
  font-family:var(--body);font-weight:400;font-size:.8rem;
  letter-spacing:.34em;text-transform:uppercase;color:var(--amber);
}

/* Utility */
.shell{width:var(--shell);margin-inline:auto}
.narrow{width:var(--shell-narrow);margin-inline:auto}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.amber{color:var(--amber)}