/* Most Welcome — house tokens, from the design system's tokens.json.
   A calm field plus one jolt: build UI from the semantic roles, never the palette.
   Cooper Light and Neue Haas Grotesk lead the stacks; Fraunces (SOFT 100) and Inter are the
   licensed-free stand-ins until the real web fonts are added to /fonts. */

@font-face { font-family: "Fraunces"; src: url("../fonts/Fraunces-fallback.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("../fonts/Fraunces-fallback-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-wght.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-wght-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }

:root {
  color-scheme: light;

  /* The house palette, fixed in every theme. */
  --oxblood: #6e2233; --blush: #efd9ce; --cream: #f6f1e7; --espresso: #241c15; --gold: #b8894a; --sunset: #ff5c39;

  /* Most Welcome (light). */
  --surface: #f6f1e7; --surface-raised: #fbf8f2; --surface-sunken: #efe8da;
  --line: #e6decf; --line-strong: #8f8474;
  --ink: #241c15; --ink-muted: #5f5648; --ink-faint: #8a8072;
  --brand: #6e2233; --on-brand: #fbf8f2; --cta: #6e2233; --on-cta: #fbf8f2;
  --brand-soft: #efd9ce; --brand-text: #6e2233;
  --jolt: #ff5c39; --on-jolt: #241c15; --rule: #b8894a;
  --success: #1d6b66; --success-soft: #dcebe6; --warning: #85561a; --warning-soft: #f5e6c8; --danger: #a3261c; --danger-soft: #f6dcd5;
  --link: var(--brand-text); --focus: var(--brand-text);

  --font-headings: "Cooper Light", "Cooper Lt BT", "Cooper Std", "Cooper BT", "Fraunces", Georgia, serif;
  --font-text: "Neue Haas Grotesk Text Pro", "Neue Haas Grotesk Text", "Neue Haas Grotesk", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 36px; --space-7: 56px; --space-8: 72px;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 12px; --radius-pill: 9999px;
  --shadow-sm: 0 1px 2px #241c150d, 0 1px 3px #241c1512;
  --shadow-lg: 0 6px 16px -4px #241c151f, 0 16px 32px -8px #241c151a;
  --opacity-disabled: 0.45;
}

/* Most Welcome · Night: the cap inside out — oxblood-black field, blush brand, sunset still the jolt. */
[data-theme="dark"] {
  color-scheme: dark;
  --surface: #1b1316; --surface-raised: #251a1e; --surface-sunken: #140e10;
  --line: #3a2b30; --line-strong: #7a666b;
  --ink: #f6eee6; --ink-muted: #c4b3aa; --ink-faint: #8f7f78;
  --brand: #efd9ce; --on-brand: #6e2233; --cta: #efd9ce; --on-cta: #6e2233;
  --brand-soft: #3d1f28; --brand-text: #efd9ce;
  --jolt: #ff5c39; --on-jolt: #241c15; --rule: #b8894a;
  --success: #6cc3b8; --success-soft: #12302c; --warning: #e8b55c; --warning-soft: #382810; --danger: #ff8a73; --danger-soft: #3d1712;
  --shadow-sm: 0 1px 3px #00000066;
  --shadow-lg: 0 16px 32px -8px #000000b3;
}

/* The six Host presets (base · ink · brand · jolt as specified, every other role derived and contrast-checked). */
[data-theme="goldie"] {
  --surface: #f7f1e6; --surface-raised: #fbf8f2; --surface-sunken: #ece6dc; --line: #ded7cd; --line-strong: #8f8880;
  --ink: #241c15; --ink-muted: #6c655c; --ink-faint: #8e867e;
  --brand: #b8894a; --on-brand: #241c15; --cta: #b8894a; --on-cta: #241c15; --brand-soft: #ede0cd; --brand-text: #7d5d35;
  --jolt: #8a86d8; --on-jolt: #241c15; --rule: #b8894a;
}
[data-theme="moody"] {
  --surface: #ece4da; --surface-raised: #f6f2ec; --surface-sunken: #e1dad0; --line: #d3cbc3; --line-strong: #877f7d;
  --ink: #191218; --ink-muted: #645d5e; --ink-faint: #827b79;
  --brand: #6e2233; --on-brand: #f6f2ec; --cta: #6e2233; --on-cta: #f6f2ec; --brand-soft: #d8c5bf; --brand-text: #6e2233;
  --jolt: #ff5c39; --on-jolt: #191218; --rule: #6e2233;
}
[data-theme="summer"] {
  --surface: #f4f5f3; --surface-raised: #fafaf9; --surface-sunken: #e9eae9; --line: #dadbda; --line-strong: #8c8e8f;
  --ink: #1b1e22; --ink-muted: #656869; --ink-faint: #888a8a;
  --brand: #2e6f8e; --on-brand: #fafaf9; --cta: #2e6f8e; --on-cta: #fafaf9; --brand-soft: #d4e0e3; --brand-text: #2c6783;
  --jolt: #f46a1f; --on-jolt: #1b1e22; --rule: #2e6f8e;
}
[data-theme="canyon"] {
  --surface: #efe7da; --surface-raised: #f7f3ec; --surface-sunken: #e5ddd0; --line: #d6cec2; --line-strong: #8a8279;
  --ink: #221a14; --ink-muted: #675f56; --ink-faint: #888077;
  --brand: #b5623f; --on-brand: #f7f3ec; --cta: #a55a3b; --on-cta: #f7f3ec; --brand-soft: #e6d2c1; --brand-text: #864b31;
  --jolt: #a8b545; --on-jolt: #221a14; --rule: #b5623f;
}
[data-theme="bloom"] {
  --surface: #f0f2e9; --surface-raised: #f8f8f4; --surface-sunken: #e5e8df; --line: #d7d9d0; --line-strong: #878d83;
  --ink: #1c241a; --ink-muted: #62675e; --ink-faint: #868b82;
  --brand: #7c8a5a; --on-brand: #1c241a; --cta: #69754c; --on-cta: #f8f8f4; --brand-soft: #dde1d2; --brand-text: #596543;
  --jolt: #d6427e; --on-jolt: #f8f8f4; --rule: #7c8a5a;
}
[data-theme="frost"] {
  --surface: #eef1f3; --surface-raised: #f6f8f9; --surface-sunken: #e3e6e8; --line: #d4d7d9; --line-strong: #878a8d;
  --ink: #16191d; --ink-muted: #636669; --ink-faint: #828588;
  --brand: #3b4a5a; --on-brand: #f6f8f9; --cta: #3b4a5a; --on-cta: #f6f8f9; --brand-soft: #d1d6db; --brand-text: #3b4a5a;
  --jolt: #e8a13c; --on-jolt: #16191d; --rule: #3b4a5a;
}

/* Cooper is wide and soft; the Fraunces stand-in gets the same feel from its SOFT axis. */
.mw-serif { font-family: var(--font-headings); font-weight: 300; font-variation-settings: "SOFT" 100, "WONK" 0; }
