/* ============================================================
   Surajit Sen — design tokens
   "One Lamp": a black studio, lit by a single moving source.
   There is no chromatic accent on this site. The only warmth
   is the colour temperature of the light itself.
   ============================================================ */

@font-face{font-family:"Instrument Serif";src:url("../fonts/InstrumentSerif-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/InstrumentSerif-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
/* Almarai is not variable: four cut weights, no axis. every font-weight on
   the site is one of these four, so nothing snaps to a face it did not ask
   for. latin subset only — there is no Arabic copy on this page. */
@font-face{font-family:"Almarai";src:url("../fonts/Almarai-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Almarai";src:url("../fonts/Almarai-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Almarai";src:url("../fonts/Almarai-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Almarai";src:url("../fonts/Almarai-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  /* ---- ground ---- */
  --void:#000000;
  --pitch:#080808;
  --slab:#101010;          /* the about card */
  --slab-raised:#212121;   /* cards that sit above it */
  --hairline:#262626;
  --hairline-soft:#1A1A1A;

  /* ---- ink ---- */
  --primary:#DEDBC8;   /* the palette's one colour */
  --clay:#6F6E64;      /* primary at 50% on black — meta only, never body copy */
  --plaster:#9B998C;   /* primary at 70% on black — body copy */
  --bone:#E1E0CC;      /* primary text, headings, emphasis */

  /* ---- light ---- */
  --tungsten:#FFD9A8;
  --tungsten-dim:rgba(255,217,168,.42);
  --tungsten-ghost:rgba(255,217,168,.10);

  /* ---- type ---- */
  /* titles are bold sans now — the same Almarai as everything else, separated
     from body copy by weight and size rather than by a change of voice.
     Instrument Serif is still declared above but nothing asks for it, so it
     never downloads; point this token back at it to bring the serif returning. */
  --f-display:var(--f-body);
  --w-display:800;      /* large titles */
  --w-display-sm:700;   /* titles set small enough that 800 would clot */
  --f-body:"Almarai",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;
  --f-data:var(--f-body);

  --t-data:0.8125rem;   /* 13 */
  --t-body:1.0625rem;   /* 17 */
  --t-lead:1.3125rem;   /* 21 */
  --t-sub:clamp(1.5rem,2.4vw,2.125rem);
  --t-section:clamp(2.75rem,6.4vw,4rem);
  --t-hero:clamp(3.75rem,15vw,13.5rem);

  /* ---- space ---- */
  --s-1:.5rem;  --s-2:.75rem; --s-3:1rem;   --s-4:1.5rem;
  --s-5:2rem;   --s-6:3rem;   --s-7:4rem;   --s-8:6rem;
  --s-9:8rem;   --s-10:12rem;

  --gutter:clamp(1.25rem,4.5vw,4.5rem);
  --measure:34rem;

  /* ---- motion ---- */
  --e-out:cubic-bezier(.22,1,.36,1);
  --e-io:cubic-bezier(.76,0,.24,1);
  --d-fast:.22s; --d-mid:.42s; --d-slow:.8s;

  /* ---- the lamp (driven from JS) ---- */
  --lx:50%; --ly:40%;
  --lamp-r:clamp(230px,31vw,560px);
  --lamp-i:1;

  --nav-h:4.5rem;
}

@media (prefers-reduced-motion:reduce){
  :root{--d-fast:.001s;--d-mid:.001s;--d-slow:.001s}
}