/* ============================================================
   DESIGN TOKENS — CSS custom properties
   Single source of truth for all brand values.
============================================================ */

:root {
  /* Brand colors */
  --fg:           #ffffff;
  --fg-muted:     rgba(255, 255, 255, 0.55);
  --fg-subtle:    rgba(255, 255, 255, 0.32);
  --obsidian:     #1A1A18;
  --parchment:    #F2EFE6;
  --dusk:         #8A8778;

  /* Flavor colors — backgrounds */
  --lychee-rose-start:   #F5ECE8;
  --lychee-rose-end:     #EDD8D2;
  --lychee-rose-type:    #8C3232;
  --citrus-salt:         #C9B96A;
  --wild-berry:          #2B2434;
  --mango-glow:          #D0916A;

  /* Utility */
  --pill: 9999px;
}