/* EON — semantic aliases. Reference these in components, not the raw --eon-* values. */
:root {
  /* Surfaces */
  --surface-page: var(--eon-gallery);        /* default light web ground */
  --surface-ivory: var(--eon-ivory-paper);   /* manifesto / certificate cards */
  --surface-stone: var(--eon-stone-paper);   /* secondary light surface */
  --surface-ink: var(--eon-ink);             /* deepest dark ground */
  --surface-basalt: var(--eon-basalt);       /* hero / architectural dark */
  --surface-night: var(--eon-paper-night);   /* dark content / text ground */

  /* Text on light */
  --text-primary: var(--eon-night-ink);
  --text-secondary: var(--eon-ash);
  --text-gold-dark: var(--eon-gold-shadow);  /* only permitted dark-gold text on light */

  /* Text on dark */
  --text-on-dark: var(--eon-bone);
  --text-on-dark-secondary: var(--eon-ash);
  --text-gold: var(--eon-gold-type);         /* gold editorial text on dark */

  /* Lines / accents */
  --line-hairline: rgba(169, 138, 88, 0.28); /* brass hairline on dark */
  --line-hairline-light: rgba(110, 89, 54, 0.30);
  --line-soft: rgba(233, 226, 211, 0.12);
  --accent: var(--eon-brass);
  --accent-strong: var(--eon-gold-cast);

  /* Interaction */
  --focus-ring: rgba(169, 138, 88, 0.55);

  /* Radii - EON is architectural: near-square, hairline corners only */
  --radius-none: 0px;
  --radius-xs: 1px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-pill: 999px;

  /* Elevation - matte surfaces, shadows are deep and diffuse, never bright */
  --shadow-sm: 0 1px 2px rgba(19, 17, 16, 0.16);
  --shadow-md: 0 8px 30px rgba(19, 17, 16, 0.18);
  --shadow-lg: 0 24px 60px rgba(19, 17, 16, 0.28);

  /* Motion - quiet luxury: slow, no bounce */
  --ease-quiet: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 280ms; /* @kind other */
  --dur-slow: 520ms; /* @kind other */
}