/* legacy-aliases.css · temporary bridge for the live theme
   Load AFTER tokens.css. Points the live theme's old custom properties at the new tokens,
   so existing CSS keeps working while each template is moved onto --th-* names.
   Delete a line once nothing references that old name. Delete the file when it is empty.
   Values on the right of each comment are what live had on 4 Nov 2026. */

:root {
  /* Neutrals and grounds */
  --paper: var(--th-neutral-25);              /* #F7F7F5 */
  --surface: var(--th-neutral-0);             /* #FFFFFF */
  --recessed: var(--th-neutral-50);           /* #F1F1EF */
  --line: var(--th-color-border-subtle);      /* #E5E5E3 */
  --edge: var(--th-color-border-strong);      /* #D8D8D3 */
  --muted: var(--th-color-text-muted);        /* #6B6C6E */
  --ink: var(--th-color-text-primary);        /* #191A1C (outsourcing2.css used #14242F: that family is rebuilt) */
  --ground: var(--th-ground-800);             /* #191C1B */
  --ground-deep: var(--th-ground-800);        /* was #101113. One dark ground now, see the dark band note */

  /* Accent */
  --accent: var(--th-color-bg-accent);        /* #BC5717 */
  --accent-hover: var(--th-color-bg-accent-hover); /* CHANGED: was #C75E1B (lighter); hover now darkens to #A14A14 and takes --th-glow-button-hover, a soft accent glow */
  --accent-dark: var(--th-accent-300);        /* accent on dark */

  /* Logo trio and phases. CHANGED: live mapped See to blue and Build to orange. */
  --growth: var(--th-green-500);              /* #5FA544 */
  --signal: var(--th-blue-500);               /* #1B7FA8 */
  --ember: var(--th-orange-500);              /* #CF5F33 */
  --em-see: var(--th-color-bg-see);           /* See = green */
  --em-build: var(--th-color-bg-build);       /* Build = blue */
  --em-grow: var(--th-color-bg-grow);         /* Grow = orange */

  /* Layout */
  --maxw: var(--th-layout-content-max);       /* 1280px */
  --pad-x: var(--th-layout-page-gutter);      /* 80 / 64 / 40 / 20. CHANGED: outsourcing2.css had 22px on phone */
  --ease: var(--th-motion-ease-out);
}

/* Dark bands and nav (style.css --band-* / --nav-*). Light-band values come from :root above. */
:root {
  --band-bg: var(--th-color-bg-page);
  --band-fg: var(--th-color-text-primary);
  --band-fg-2: var(--th-color-text-secondary);
  --band-fg-3: var(--th-color-text-tertiary);
  --band-fg-4: var(--th-color-text-muted);
  --band-hair: var(--th-color-border-subtle);
  --band-em: var(--th-color-text-accent-display);
  --nav-solid: var(--th-color-bg-nav-glass);
  --nav-hair: var(--th-color-border-subtle);
}
/* CHANGED: on-dark text was white at .82 / .68 / .58; it is now paper at 80 / 64 / 52%. */
.th-on-dark, [data-ground="dark"] {
  --band-bg: var(--th-color-bg-page);
  --band-fg: var(--th-color-text-primary);
  --band-fg-2: var(--th-color-text-secondary);
  --band-fg-3: var(--th-color-text-tertiary);
  --band-fg-4: var(--th-color-text-muted);
  --band-hair: var(--th-color-border-subtle);
  --band-em: var(--th-color-text-accent-display);
}