/* ============================================================
   QWELL · COLOR TOKENS
   A loud, joyful, high-contrast activist palette.
   Six saturated "pride spectrum" hues + ink & paper neutrals.
   ============================================================ */

:root {
  /* ---- Base brand spectrum (raw values) ---- */
  --freedom-fuchsia: #FF2DA1;
  --liberation-orange: #FF5A1F;
  --proud-yellow: #FFD400;
  --power-purple: #6A00FF;
  --queer-blue: #0066FF;
  --liberation-green: #00C853;

  /* ---- Ink & paper ---- */
  --off-black: #111111;
  --warm-white: #F7F7F5;
  --true-white: #FFFFFF;

  /* ---- Tints / shades for surfaces & states ---- */
  --fuchsia-700: #C7167B;     /* pressed / hover-dark */
  --orange-700: #D8410E;
  --purple-700: #5300C7;
  --blue-700: #0049BF;
  --green-700: #009B40;

  --fuchsia-100: #FFE0F1;     /* soft wash backgrounds */
  --orange-100: #FFE6DC;
  --yellow-100: #FFF6CC;
  --purple-100: #ECE0FF;
  --blue-100: #DCE8FF;
  --green-100: #D2F7E2;

  /* ---- Lavender — a soft mid purple for section fields ---- */
  --lavender: #C3AEF2;

  /* ---- Neutral ramp (warm-leaning grays) ---- */
  --ink-900: #111111;
  --ink-700: #2E2E2C;
  --ink-500: #5C5C58;
  --ink-300: #9A9A94;
  --ink-200: #C9C9C2;
  --ink-100: #E6E6E0;
  --paper: #F7F7F5;
  --paper-dim: #EFEFEA;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product code
     ============================================================ */

  /* Brand roles */
  --brand-primary: var(--freedom-fuchsia);
  --brand-action: var(--off-black);        /* primary CTA fill */
  --brand-spotlight: var(--proud-yellow);

  /* Text */
  --text-strong: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-inverse: var(--warm-white);
  --text-link: var(--power-purple);

  /* Surfaces */
  --surface-page: var(--warm-white);
  --surface-card: var(--true-white);
  --surface-ink: var(--off-black);
  --surface-wash: var(--paper-dim);

  /* Lines & borders */
  --border-ink: var(--off-black);
  --border-soft: var(--ink-100);

  /* Focus */
  --focus-ring: var(--queer-blue);

  /* Pillar accents (the four programs / sections) */
  --pillar-advocate: var(--liberation-orange);
  --pillar-support: var(--proud-yellow);
  --pillar-build: var(--power-purple);
  --pillar-liberate: var(--queer-blue);
}