/* Youth Oasis — Color tokens.
   Source of truth: Youth Oasis Brand Guidelines, Draft 1.1 (July 2026), §1.4 & §4.1.
   Cloud Burst = primary UI · Plum = identity accent · Wheat = page background.
   Values are the corrected, authoritative swatches (supersede the 2018 manual). */
:root{
  /* ---- Brand base colors (§1.4) ---- */
  --brand-cloud-burst:#21285A; /* primary UI, headings, nav, primary actions */
  --brand-plum:#913675;        /* identity accent, emphasis, selected states */
  --brand-wheat:#F6E6B9;       /* main background, warm surfaces */
  --brand-black:#333333;       /* body text, icons, borders */
  --brand-white:#FFFFFF;       /* cards, surfaces, reversed text */
  /* Secondary (§1.4) — fills & accents only, never body text */
  --brand-rainee:#AFC5AB;
  --brand-tangerine:#E87722;   /* PMS 158 C */
  --brand-incandescent:#D7C826;/* PMS 611 C */
  --brand-azure:#298FC2;
  --brand-azure-text:#1A6FA0;  /* darker azure, AA for normal text */
  --brand-terracotta:#E37262;

  /* ---- Cloud Burst ramp (primary) ---- */
  --primary-50:#eceef4;
  --primary-100:#d3d7e6;
  --primary-300:#8b93b8;
  --primary-500:#21285A;
  --primary-700:#1A1F45;  /* hover / pressed */
  --primary-900:#10132e;

  /* ---- Plum ramp (identity) ---- */
  --plum-50:#f6eaf2;
  --plum-100:#ecd3e3;
  --plum-300:#cf9bbd;
  --plum-500:#913675;
  --plum-700:#75295e;
  --plum-900:#4f1c40;

  /* ---- Wheat surfaces ---- */
  --wheat-soft:#fbf3db;
  --wheat:#F6E6B9;
  --wheat-deep:#ecd79a;

  /* ---- Neutrals ---- */
  --gray-0:#ffffff;
  --gray-50:#f7f6f2;
  --gray-100:#f0efe9;
  --gray-200:#e6e6e6;
  --gray-300:#dddddd;   /* --border-default per §4.1 */
  --gray-400:#bcbcc2;
  --gray-500:#6b6f7a;
  --gray-700:#4a4d57;
  --gray-900:#333333;

  /* ---- Semantic assignments (§4.1) ---- */
  --bg-01:var(--brand-wheat);
  --surface-01:var(--brand-white);
  --primary-color:var(--brand-cloud-burst);
  --accent-500:var(--brand-tangerine);
  --text-900:var(--brand-black);
  --text-on-dark:var(--brand-white);
  --border-default:#dddddd;

  /* ---- Working semantic aliases used across components ---- */
  --brand:var(--brand-plum);            /* identity */
  --brand-strong:var(--primary-500);    /* primary action */
  --brand-deep:var(--plum-700);
  --accent:var(--brand-tangerine);
  --accent-strong:#c25f15;

  --text-strong:var(--brand-cloud-burst);
  --text-heading:var(--brand-cloud-burst);
  --text-body:var(--brand-black);
  --text-muted:var(--gray-500);
  --text-on-brand:#ffffff;
  --text-link:var(--brand-plum);
  --text-link-azure:var(--brand-azure-text);

  --surface-page:var(--brand-wheat);
  --surface-card:var(--brand-white);
  --surface-alt:var(--wheat-soft);
  --surface-sunken:#efe7cf;
  --surface-brand-soft:var(--plum-50);   /* plum tint */
  --surface-primary-soft:var(--primary-50);
  --surface-accent-soft:#fdf0e3;

  --border-subtle:#eae6da;
  --border-strong:#c7c7c7;
  --border-brand:var(--plum-100);

  --focus-ring:var(--brand-cloud-burst);

  /* ---- Status (§4.4 / D11 proposal) ---- */
  --positive:var(--brand-rainee);      --positive-text:var(--brand-cloud-burst);
  --warning:var(--brand-incandescent); --warning-text:var(--brand-black);
  --critical:var(--brand-terracotta);  --critical-text:var(--brand-cloud-burst);
  --info:var(--brand-azure);           --info-text:var(--brand-azure-text);

  --success:var(--brand-rainee);
  --success-soft:#e4ede1;
  --warning-soft:#f6efbf;
  --danger:var(--brand-terracotta);
  --danger-soft:#f7ddd8;
  --info-soft:#dcecf5;

  /* ---- Legacy aliases (kept on-brand so older refs still resolve) ---- */
  --purple-50:var(--plum-50); --purple-100:var(--plum-100); --purple-300:var(--plum-300);
  --purple-400:var(--plum-300); --purple-500:var(--plum-500); --purple-600:var(--plum-700);
  --purple-700:var(--plum-700); --purple-800:var(--plum-900); --purple-900:var(--primary-900);
  --lavender:var(--plum-300); --lavender-soft:var(--plum-100);
  --gold-100:var(--wheat); --gold-300:var(--wheat-deep); --gold-500:var(--brand-incandescent);
  --gold-600:#b0740c; --gold-700:#8f5e0a;
  --blue-400:var(--brand-azure); --blue-600:var(--brand-azure-text); --blue-700:var(--brand-azure-text);
  --green-500:var(--brand-rainee); --green-700:var(--brand-cloud-burst);
  --amber-500:var(--brand-incandescent); --amber-700:var(--brand-black);
  --rose-500:var(--brand-terracotta); --rose-700:#b02f52;
  --neutral-0:#ffffff; --neutral-50:var(--gray-50); --neutral-100:var(--gray-100);
  --neutral-200:var(--gray-200); --neutral-300:var(--gray-300); --neutral-400:var(--gray-400);
  --neutral-500:var(--gray-500); --neutral-600:var(--gray-500); --neutral-700:var(--gray-700);
  --neutral-800:var(--primary-700); --neutral-900:var(--brand-cloud-burst);
}