/*
 * AXIS Studio — Design Tokens
 * Sampled from approved reference PNGs (S01, P01, P02, L01)
 * via pixel analysis. These are the canonical values.
 */

:root {

  /* ── Color ────────────────────────────────────────────────── */

  --c-navy:        #011229;   /* sampled: very dark near-black navy */
  --c-cream:       #e9dcce;   /* card surfaces, averaged */
  --c-cream-light: #f0e8dc;   /* lighter cream inner zones */
  --c-cream-dim:   #dfd0be;   /* operator cells, secondary */
  --c-amber:       #f0a020;   /* text, glyphs, compass — pure amber-gold */
  --c-amber-dark:  #a97439;   /* rules, dividers, borders */
  --c-text-dark:   #1a1612;   /* headings on cream */
  --c-text-mid:    #6b5e50;   /* body/descriptors on cream */
  --c-text-navy:   #ede3d7;   /* cream-toned text on navy */
  --c-border:      rgba(169, 116, 57, 0.2);


  /* ── Typography ───────────────────────────────────────────── */

  --font-serif:    'EB Garamond', Georgia, serif;
  --font-mono:     'DM Mono', 'IBM Plex Mono', 'Courier New', monospace;

  /* Scale */
  --text-xs:       0.7rem;     /* 11px */
  --text-sm:       0.8125rem;  /* 13px */
  --text-base:     1rem;       /* 16px */
  --text-md:       1.125rem;   /* 18px */
  --text-lg:       1.375rem;   /* 22px */
  --text-xl:       1.75rem;    /* 28px */
  --text-2xl:      2.5rem;     /* 40px */
  --text-3xl:      3.5rem;     /* 56px — masthead */
  --text-4xl:      5rem;       /* 80px — hero display */

  /* Leading */
  --leading-tight:  1.1;
  --leading-snug:   1.25;
  --leading-normal: 1.5;
  --leading-loose:  1.7;

  /* Tracking */
  --tracking-tight:   -0.01em;
  --tracking-wide:     0.06em;
  --tracking-wider:    0.12em;
  --tracking-widest:   0.2em;


  /* ── Spacing ──────────────────────────────────────────────── */

  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-7:   1.75rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-14:  3.5rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* Content column: editorial/centered composition */
  /* P02 reference: grid spans 93% of 1122px = ~1043px */
  /* S01 reference: cards span 87% of 1024px = ~890px */
  /* Using 960px as editorial column — navy visible on sides at 1440px viewport */
  --content-width: 960px;
  --content-pad:   clamp(1.5rem, 4vw, 3rem);


  /* ── Radius ───────────────────────────────────────────────── */

  --radius-card:   8px;   /* P02 image-only cards */
  --radius-pill:   999px;


  /* ── Shadows ──────────────────────────────────────────────── */

  --shadow-card: 0 2px 16px rgba(1, 18, 41, 0.14);


  /* ── Transitions ──────────────────────────────────────────── */

  --ease-default: 0.15s ease;

}