/* Fragrances of Samurai — design tokens, copied from the design system tokens.json. Do not edit by hand: change the design system and re-export. */
:root, [data-theme="cream"] {
  --green: #1f3a2e;
  --burgundy: #5e1a1f;
  --cream: #f6efe6;
  --gold: #b8924a;
  --warm-black: #1d1a16;
  --green-deep: #16291f;
  --sand: #e6dccb;
  --sand-deep: #d8cdb9;
  --surface: var(--cream);
  --surface-sunk: var(--sand);
  --surface-inverse: var(--green);
  --surface-accent: var(--burgundy);
  --action: var(--burgundy);
  --on-action: var(--cream);
  --ink: var(--warm-black);
  --ink-heading: var(--green);
  --ink-muted: #5a5044;
  --ink-subtle: #7a6f60;
  --ink-inverse: var(--cream);
  --ink-on-accent: var(--cream);
  --eyebrow: var(--burgundy);
  --numeral: var(--gold);
  --rule-accent: var(--gold);
  --hairline: #c0c1b7;
  --divider: #cbcac1;
  --glow-dim: #4a5e53;
  --focus: var(--burgundy);
  --status-pass: #2f7a4f;
  --status-large: #9a6b00;
  --status-fail: #9a2a2a;
  --say-bg: #e6e2d9;
  --avoid-bg: #ebdfd7;
  --badge-ink: #ffffff;
}
[data-theme="green"] {
  --surface: var(--green);
  --surface-sunk: var(--green-deep);
  --surface-inverse: var(--cream);
  --surface-accent: var(--burgundy);
  --action: var(--cream);
  --on-action: var(--green);
  --ink: var(--cream);
  --ink-heading: var(--cream);
  --ink-muted: #c0c2b8;
  --ink-subtle: #a0a79c;
  --ink-inverse: var(--green);
  --ink-on-accent: var(--cream);
  --eyebrow: var(--gold);
  --numeral: var(--gold);
  --rule-accent: var(--gold);
  --hairline: #55675c;
  --divider: #4a5e53;
  --focus: var(--gold);
}
:root {
  --space-xs: 12px;
  --space-sm: 24px;
  --space-md: 28px;
  --space-lg: 52px;
  --space-xl: 84px;
  --radius-none: 0;
  --radius-card: 11px;
  --radius-pill: 999px;
  --stroke-hairline: 1px;
  --stroke-rule: 3px;
  --rule-width: 96px;
  --logo-min-screen: 120px;
  --icon-min-screen: 48px;
  --measure-min: 45ch;
  --measure-max: 75ch;
  --font-display: "Playfair Display", Georgia, serif;
  --font-script: "Pinyon Script", Georgia, cursive;
  --font-sans: Montserrat, Arial, sans-serif;
}
.numeral { font-family: var(--font-display); font-size: 82px; line-height: 1; font-weight: 400; }
.h1 { font-family: var(--font-display); font-size: 52px; line-height: 1.12; font-weight: 400; }
.h2 { font-family: var(--font-display); font-size: 41px; line-height: 1.15; font-weight: 400; }
.h3 { font-family: var(--font-display); font-size: 28px; line-height: 1.2; font-weight: 400; }
.promise { font-family: var(--font-display); font-size: 22px; line-height: 1.45; font-weight: 400; font-style: italic; }
.script { font-family: var(--font-script); font-size: 37px; line-height: 1.2; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.7; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 1.7; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: 0.3em; }
.eyebrow { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 600; letter-spacing: 0.3em; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: 0.2em; }
@font-face { font-family: "Playfair Display"; src: url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../fonts/PlayfairDisplay-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Pinyon Script"; src: url("../fonts/PinyonScript-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("../fonts/Montserrat-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("../fonts/Montserrat-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }