/* ============================================================
   WNN Properties — Color Schemes
   Apply one class per section. Each scheme sets local vars that
   children inherit, so primitives auto-adapt to their section.
   Derived from DESIGN.md (5 schemes).
   ============================================================ */

.scheme-1, .scheme-2, .scheme-3, .scheme-4, .scheme-5 {
  background-color: var(--scheme-bg);
  color: var(--scheme-text);
}

/* Scheme 1 — Fuel Yellow Lighter. Bold, warm. Black accent + border. */
.scheme-1 {
  --scheme-bg:     var(--fuel-yellow-2); /* #FCF0D4 */
  --scheme-text:   var(--neutral-7);
  --scheme-accent: var(--neutral-7);
  --scheme-border: var(--neutral-7);
  --scheme-logo:   light; /* @kind other */
}

/* Scheme 2 — Fuel Yellow Lightest. Soft warm. Teal accent. */
.scheme-2 {
  --scheme-bg:     var(--fuel-yellow-1); /* #FDF7E9 */
  --scheme-text:   var(--neutral-7);
  --scheme-accent: var(--eastern-blue-4);
  --scheme-border: var(--neutral-7);
  --scheme-logo:   light; /* @kind other */
}

/* Scheme 3 — White. Default/neutral. Teal accent. */
.scheme-3 {
  --scheme-bg:     var(--neutral-0); /* #FFFFFF */
  --scheme-text:   var(--neutral-7);
  --scheme-accent: var(--eastern-blue-4);
  --scheme-border: var(--neutral-7);
  --scheme-logo:   light; /* @kind other */
}

/* Scheme 4 — Eastern Blue Lightest. Cool, calm. Black accent. */
.scheme-4 {
  --scheme-bg:     var(--eastern-blue-1); /* #E9F4F7 */
  --scheme-text:   var(--neutral-7);
  --scheme-accent: var(--neutral-7);
  --scheme-border: var(--neutral-7);
  --scheme-logo:   light; /* @kind other */
}

/* Scheme 5 — Fuel Yellow Dark. High-impact dark band. White on gold. */
.scheme-5 {
  --scheme-bg:     var(--fuel-yellow-5); /* #C09020 */
  --scheme-text:   var(--white);
  --scheme-accent: var(--white);
  --scheme-border: var(--white);
  --scheme-logo:   dark; /* @kind other */
}