/* Dee's Portfolio — Color schemes
   Sections opt into one of four schemes by class. Each scheme remaps the
   semantic aliases (text / surface / border / accent) so any child element
   inherits the right colors automatically. Alternate between light and dark
   schemes to create vertical rhythm down a page. */

.scheme-1 {
  --scheme-background: var(--color-neutral-lightest);
  --scheme-foreground: var(--color-white);
  --scheme-text: var(--color-neutral-darkest);
  --scheme-border: var(--color-neutral-darkest-15);
  --scheme-btn-text: var(--color-white);

  --text-primary: var(--scheme-text);
  --surface-page: var(--scheme-background);
  --surface-card: var(--scheme-foreground);
  --border-subtle: var(--scheme-border);

  background-color: var(--scheme-background);
  color: var(--scheme-text);
}

.scheme-2 {
  --scheme-background: var(--color-white);
  --scheme-foreground: var(--color-neutral-lightest);
  --scheme-text: var(--color-neutral-darkest);
  --scheme-border: var(--color-neutral-darkest-15);
  --scheme-btn-text: var(--color-white);

  --text-primary: var(--scheme-text);
  --surface-page: var(--scheme-background);
  --surface-card: var(--scheme-foreground);
  --border-subtle: var(--scheme-border);

  background-color: var(--scheme-background);
  color: var(--scheme-text);
}

.scheme-3 {
  --scheme-background: var(--color-cod-gray-lightest);
  --scheme-foreground: var(--color-cod-gray-lighter);
  --scheme-text: var(--color-neutral-darkest);
  --scheme-border: var(--color-neutral-darkest-15);
  --scheme-btn-text: var(--color-white);

  --text-primary: var(--scheme-text);
  --surface-page: var(--scheme-background);
  --surface-card: var(--scheme-foreground);
  --border-subtle: var(--scheme-border);

  background-color: var(--scheme-background);
  color: var(--scheme-text);
}

.scheme-4 {
  --scheme-background: var(--color-neutral-darkest);
  --scheme-foreground: var(--color-neutral-darker);
  --scheme-text: var(--color-white);
  --scheme-border: var(--color-white-20);
  --scheme-btn-text: var(--color-neutral-darkest);

  --text-primary: var(--scheme-text);
  --surface-page: var(--scheme-background);
  --surface-card: var(--scheme-foreground);
  --border-subtle: var(--scheme-border);

  background-color: var(--scheme-background);
  color: var(--scheme-text);
}