/* ============================================================================
   VDUT-AI — Design tokens
   The single source of truth for colour, type, layout and motion.
   One accent only (--brass). Page-specific rules belong in the page stylesheet.
   ========================================================================== */

:root {
  /* ---- Palette ---- */
  --ink:          #0A0E13;              /* page background */
  --panel:        #10151C;              /* card background */
  --panel-2:      #131924;              /* card hover */
  --line:         rgba(233,229,219,0.10);
  --line-strong:  rgba(233,229,219,0.18);
  --bone:         #E9E5DB;              /* primary text */
  --muted:        #8E96A3;              /* secondary text */
  --faint:        #5C6470;              /* tertiary / captions */
  --brass:        #B99358;              /* single accent */
  --brass-bright: #D8B37A;              /* accent highlight */

  /* Derived accent washes. Kept as tokens so the accent appears once. */
  --brass-wash:   rgba(185,147,88,0.08);
  --brass-edge:   rgba(185,147,88,0.45);
  --brass-select: rgba(185,147,88,0.28);

  /* ---- Typography ---- */
  --serif: 'Marcellus', 'Times New Roman', serif;   /* display */
  --sans:  'Public Sans', system-ui, -apple-system, sans-serif;
  --mono:  'IBM Plex Mono', ui-monospace, monospace; /* labels/eyebrows only */

  /* ---- Layout ---- */
  --maxw:    1280px;
  --gutter:  clamp(24px, 5vw, 64px);
  --section: clamp(80px, 10vw, 120px);   /* vertical rhythm ~120px at desktop */
  --radius:  2px;                        /* 2–3px maximum */
  --radius-lg: 3px;

  /* ---- Motion ---- */
  --ease:      cubic-bezier(.2,.7,.2,1);
  --stagger:   90ms;                     /* load-in increment */
  --dur-rise:  .9s;
  --dur-sweep: .5s;
  --dur-hover: .35s;
}