/* ===========================================================
   ATELIER NORTH — Editorial Gallery Design Tokens
   Flat, architectural, photography-led. Centralized source of
   truth — never hardcode a color/spacing/radius value on a page.
=========================================================== */

:root{
  /* ---- Color palette ---- */
  --c-cream:#F3F0EA;
  --c-paper:#FFFFFF;
  --c-ink:#1C1B18;
  --c-ink-70:#1C1B18B3;
  --c-ink-40:#1C1B1866;
  --c-stone:#A79C8C;
  --c-stone-30:#A79C8C4D;
  --c-sand:#E9E3D6;
  --c-line:#DAD3C4;
  --c-clay:#B7392C;
  --c-clay-dark:#8F2A20;
  --c-white:#FFFFFF;

  /* semantic aliases */
  --bg-page:var(--c-cream);
  --bg-surface:var(--c-paper);
  --bg-sunken:var(--c-sand);
  --text-primary:var(--c-ink);
  --text-muted:#6B6558;
  --text-inverse:var(--c-cream);
  --border-soft:var(--c-line);
  --accent:var(--c-clay);
  --accent-strong:var(--c-clay-dark);

  /* ---- Typography ---- */
  --font-display:'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-body:'Work Sans', 'Helvetica Neue', Arial, sans-serif;

  --fs-2xs:.68rem;
  --fs-xs:.75rem;
  --fs-sm:.875rem;
  --fs-base:1rem;
  --fs-md:1.05rem;
  --fs-lg:1.4rem;
  --fs-xl:1.9rem;
  --fs-2xl:2.5rem;
  --fs-3xl:3.2rem;
  --fs-4xl:4.2rem;
  --fs-5xl:5.4rem;

  --lh-tight:1.08;
  --lh-snug:1.25;
  --lh-normal:1.6;
  --lh-loose:1.8;

  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;

  --tracking-wide:.14em;
  --tracking-mid:.06em;

  /* ---- Spacing scale (8px base) ---- */
  --sp-1:.25rem;
  --sp-2:.5rem;
  --sp-3:.75rem;
  --sp-4:1rem;
  --sp-5:1.5rem;
  --sp-6:2rem;
  --sp-7:2.5rem;
  --sp-8:3.5rem;
  --sp-9:5rem;
  --sp-10:7rem;
  --sp-11:9rem;

  /* ---- Radius (flat / architectural — almost none) ---- */
  --r-sm:0px;
  --r-md:0px;
  --r-lg:0px;
  --r-xl:0px;
  --r-blob:0px;
  --r-blob-2:0px;
  --r-pill:2px;
  --r-circle:50%;

  /* ---- Shadow (minimal, editorial) ---- */
  --shadow-soft:0 1px 0 rgba(28,27,24,.06);
  --shadow-lift:0 18px 40px -20px rgba(28,27,24,.28);
  --shadow-inset:none;

  /* ---- Motion ---- */
  --ease-organic:cubic-bezier(.65,0,.15,1);
  --dur-fast:320ms;
  --dur-mid:560ms;
  --dur-slow:900ms;
  --dur-xslow:1000ms;

  /* ---- Layout ---- */
  --container-max:1400px;
  --container-narrow:840px;
  --gutter:clamp(1.25rem, 4.5vw, 4rem);

  /* ---- Ad slot chrome ---- */
}

/* ---- Legacy aliases (kept so page-level CSS stays stable across theme passes) ---- */
:root{
  --c-alabaster:var(--c-cream);
  --c-forest:var(--c-ink);
  --c-sage:var(--c-stone);
  --c-clay-50:#B7392C4D;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important;}
}