/* Palette definitions copied from hughberryman/src/app/globals.css at 3145624. */
:root {
  /* raw ramp, copper: pale desert stone through warm ink */
  --color-copper-50: #fdfcfa;
  --color-copper-100: #fbf9f5;
  --color-copper-200: #f4f1e9;
  --color-copper-300: #e4dfd3;
  --color-copper-400: #c9c2b0;
  --color-copper-600: #78735f;
  --color-copper-700: #57523f;
  --color-copper-800: #2a271d;
  --color-copper-900: #17150f;
  --color-copper-950: #100e09;

  /* accents */
  --color-copper-metal: #a8542f;
  --color-copper-soft: #c07a52;
  --color-slate-cool: #6b7a8f;

}
:root {
  --motion-fast: 160ms;
  --motion-panel: 200ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Copper, light. Selector pairs let the Lab preview a palette inside a
   card without changing the root theme. The preview and live interface consume
   exactly the same assignments. */
:root,
[data-theme-preview="copper-light"] {
  --surface: var(--color-copper-100);
  --surface-raised: var(--color-copper-50);
  --surface-sunken: var(--color-copper-200);
  --ink: var(--color-copper-900);
  --body: #3a362c;
  --muted: var(--color-copper-600);
  --rule: var(--color-copper-300);
  --accent: var(--color-copper-metal);
  --accent-quiet: var(--color-copper-soft);
  --cool: var(--color-slate-cool);
  --focus: var(--color-copper-metal);
  color-scheme: light;
}

/* Copper, dark. Warm, not neutral: the paper stays paper.
 *
 * This used to be gated behind an explicit toggle only, on the reasoning that
 * light is the design and dark is the accommodation. That reasoning was about
 * the design; the cost landed on the reviewer, who arrived on a dark machine
 * and got a bright page that read as an oversight rather than a choice.
 *
 * Mode is now a three-state preference (system, light, or dark), defaulting to
 * system. Light is still what anyone who has expressed no preference sees,
 * because that is what most machines report. The difference is that an
 * expressed preference is no longer discarded. Resolution happens in the
 * pre-paint script, so this selector still only ever sees a settled answer.
 * See src/components/theme-toggle.tsx. */
:root[data-theme="dark"],
[data-theme-preview="copper-dark"] {
  --surface: var(--color-copper-950);
  --surface-raised: #17150f;
  --surface-sunken: #0b0a06;
  --ink: #f4f1e9;
  --body: #cfc9b8;
  --muted: #948d78;
  --rule: #2e2b21;
  --accent: #d5825a;
  --accent-quiet: #a8542f;
  --cool: #8b9ab0;
  --focus: #d5825a;
  color-scheme: dark;
}

/* Sonoran, light and dark. The semantic names do not change: only their
   assignments do, so components and pages are unaware of the family. */
:root[data-theme-family="sonoran"],
[data-theme-preview="sonoran-light"] {
  --surface: #f7f3e8;
  --surface-raised: #fffdf6;
  --surface-sunken: #eee7d5;
  --ink: #18261b;
  --body: #3c493d;
  --muted: #687267;
  --rule: #d6cfbb;
  --accent: #9e4828;
  --accent-quiet: #c56f3d;
  --cool: #557d72;
  --focus: #9e4828;
  color-scheme: light;
}

:root[data-theme-family="sonoran"][data-theme="dark"],
[data-theme-preview="sonoran-dark"] {
  --surface: #101710;
  --surface-raised: #172019;
  --surface-sunken: #0b110c;
  --ink: #f2ead9;
  --body: #cbd2c3;
  --muted: #949e8e;
  --rule: #303a30;
  --accent: #e68a54;
  --accent-quiet: #b85c36;
  --cool: #7eaaa0;
  --focus: #e68a54;
  color-scheme: dark;
}

/* Monsoon, light and dark. Cooler values deliberately prove that the
   system is semantic, rather than a collection of warm-theme exceptions. */
:root[data-theme-family="monsoon"],
[data-theme-preview="monsoon-light"] {
  --surface: #f2f1f4;
  --surface-raised: #fbfafc;
  --surface-sunken: #e6e4ea;
  --ink: #1e1b26;
  --body: #3b3648;
  --muted: #6b6579;
  --rule: #d9d6e0;
  --accent: #4a5a8c;
  --accent-quiet: #6a79a8;
  --cool: #8a7a52;
  --focus: #4a5a8c;
  color-scheme: light;
}

:root[data-theme-family="monsoon"][data-theme="dark"],
[data-theme-preview="monsoon-dark"] {
  --surface: #111018;
  --surface-raised: #1a1823;
  --surface-sunken: #0a0910;
  --ink: #f0eef5;
  --body: #c9c4d6;
  --muted: #8f8aa0;
  --rule: #2a2736;
  --accent: #8fa2d8;
  --accent-quiet: #6a7db4;
  --cool: #c2a973;
  --focus: #8fa2d8;
  color-scheme: dark;
}

/* Pine, light and dark. Cool stone, deep green needles, and cinnamon bark
   bring camping around Payson into a set otherwise rooted in the desert and
   its summer storms. */
:root[data-theme-family="pine"],
[data-theme-preview="pine-light"] {
  --surface: #f2f1ec;
  --surface-raised: #fbfaf7;
  --surface-sunken: #e6e4dc;
  --ink: #171814;
  --body: #3a3c35;
  --muted: #6a6c62;
  --rule: #dcdad0;
  --accent: #1f6b57;
  --accent-quiet: #b87333;
  --cool: #8a5a2e;
  --focus: #1f6b57;
  color-scheme: light;
}

:root[data-theme-family="pine"][data-theme="dark"],
[data-theme-preview="pine-dark"] {
  --surface: #0d0e0d;
  --surface-raised: #161815;
  --surface-sunken: #070806;
  --ink: #f1f1ec;
  --body: #cbccc3;
  --muted: #8d8f85;
  --rule: #26281f;
  --accent: #5fae98;
  --accent-quiet: #3d7566;
  --cool: #d98b4f;
  --focus: #5fae98;
  color-scheme: dark;
}