/* ── ANANCE Design Tokens ── */

:root {
  /* Palette */
  --black:         #050505;
  --surface:       #0a0a0a;
  --surface-raised:#111111;
  --emerald:       #00A878;
  --emerald-h:     #00c896;
  --blue:          #1D7FD6;
  --white:         #FFFFFF;
  --off-white:     #E0E0E0;
  --grey:          #6B7280;
  --lgrey:         #94A3B8;
  --dgrey:         #333333;
  --border:        #1a1a1a;
  --border-light:  #282828;

  /* Semantic */
  --positive:  #3D9B73;
  --negative:  #C4574F;

  /* Typography */
  --font-serif: 'EB Garamond', Georgia, serif;
  --font-mono:  'DM Mono', monospace;
  --font-sans:  'IBM Plex Sans', system-ui, sans-serif;

  /* Type scale */
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  32px;
  --text-3xl:  clamp(38px, 5vw, 52px);
  --text-4xl:  clamp(48px, 6vw, 72px);
  --text-hero: clamp(42px, 5.6vw, 77px);

  /* Spacing (8px base) */
  --s1:  4px;
  --s2:  8px;
  --s3:  12px;
  --s4:  16px;
  --s5:  24px;
  --s6:  32px;
  --s7:  48px;
  --s8:  64px;
  --s9:  96px;
  --s10: 128px;
  --s11: 160px;

  /* Layout */
  --max-width:   1200px;
  --content-pad: 48px;
  --nav-height:  64px;

  /* Motion */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --duration:  0.25s;
}