/* ==========================================================================
   tokens.css — colour, type, spacing and motion tokens
   Dark, warm "boujee" palette keyed to the Bianco gold mark.
   ========================================================================== */
:root {
  /* Surfaces */
  --bg:            #0d0b09;
  --bg-raised:     #15120e;
  --surface:       #1b1712;
  --surface-2:     #231e17;
  --line:          rgba(217, 180, 106, 0.18);
  --line-strong:   rgba(217, 180, 106, 0.38);

  /* Text */
  --ink:           #f1e9da;
  --ink-soft:      #c9bfae;
  --ink-mute:      #8f8574;

  /* Accent: Bianco gold */
  --gold:          #d9b46a;
  --gold-deep:     #a9823f;
  --gold-grad:     linear-gradient(100deg, #a9823f 0%, #e7c983 45%, #c99a4c 70%, #f0d79a 100%);

  /* Status colours (map + tags) */
  --st-trading:    #d9b46a;
  --st-opening:    #f1e6cf;
  --st-pipeline:   #9a8a6e;
  --st-proposed:   #6f8f86;

  /* Type */
  --font-display:  'Cormorant Garamond', 'Times New Roman', serif;
  --font-body:     'Jost', 'Helvetica Neue', Arial, sans-serif;

  --text-xs:   clamp(0.70rem, 0.68rem + 0.10vw, 0.76rem);
  --text-sm:   clamp(0.82rem, 0.80rem + 0.12vw, 0.90rem);
  --text-base: clamp(0.95rem, 0.92rem + 0.18vw, 1.05rem);
  --text-lg:   clamp(1.15rem, 1.05rem + 0.45vw, 1.40rem);
  --text-xl:   clamp(1.50rem, 1.25rem + 1.10vw, 2.20rem);
  --text-2xl:  clamp(2.00rem, 1.50rem + 2.20vw, 3.40rem);
  --text-hero: clamp(2.40rem, 1.60rem + 3.60vw, 4.60rem);

  --track-wide: 0.28em;

  /* Spacing */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;   --s-7: 3rem;    --s-8: 4rem; --s-9: 6rem;

  /* Shape + depth */
  --radius-sm: 4px;
  --radius:    10px;
  --radius-lg: 18px;
  --shadow:    0 30px 80px -30px rgba(0, 0, 0, 0.75);

  /* Motion */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --dur:       420ms;

  --container: 1180px;
}