/* GENERATED by scripts/sync-design.mjs from design/review-export/project/tokens.css — do not edit; change the design in Claude Design, re-export, run `pnpm design:sync`. */
/* Igna Zen — generated from tokens.json (v7). Day = :root / [data-theme="light"], Night = [data-theme="dark"]. */
:root, [data-theme="light"] {
  --bg: #F4EEE5;
  --surface: #FBF8F3;
  --surface-sand: #EAE0D2;
  --surface-sage: #E3E8DC;
  --ink: #2A2A2B;
  --ink-muted: #66625C;
  --line: #E2D9CC;
  --line-strong: #7F786E;
  --gold: #C4943B;
  --gold-light: #DDB060;
  --gold-deep: #A26A18;
  --gold-text: #80591A;
  --sage: #8FA087;
  --sage-deep: #4E6148;
  --action: var(--ink);
  --action-hover: #444445;
  --on-action: #FBF8F3;
  --focus: var(--gold-deep);
  --success: var(--sage-deep);
  --success-bg: var(--surface-sage);
  --warning: #785A26;
  --warning-bg: #F1E5CC;
  --danger: #97452F;
  --danger-bg: #F2DED5;
  --info: #4D6475;
  --info-bg: #E0E7EA;
  --scrim: rgba(42, 42, 43, 0.45);
  --photo-shade: #F4EEE5;
  --on-photo: #2A2A2B;
  --on-photo-muted: #4D4943;
  --gold-on-photo: #80591A;
  --shadow-soft: 0 1px 2px rgba(42, 42, 43, 0.04), 0 12px 32px rgba(42, 42, 43, 0.05);
  --shadow-lift: 0 2px 6px rgba(42, 42, 43, 0.05), 0 24px 56px rgba(42, 42, 43, 0.10);
}
[data-theme="dark"] {
  --bg: #1B1B1C;
  --surface: #242425;
  --surface-sand: #2E2D2C;
  --surface-sage: #263028;
  --ink: #EEEBE6;
  --ink-muted: #B6B0A7;
  --line: #363533;
  --line-strong: #7E7A74;
  --gold: #C4943B;
  --gold-light: #DDB060;
  --gold-deep: #C4943B;
  --gold-text: #DDB060;
  --sage: #8FA087;
  --sage-deep: #A9BFA1;
  --action: #E6E1D8;
  --action-hover: #F4F0EA;
  --on-action: #2A2A2B;
  --focus: var(--gold-deep);
  --success: var(--sage-deep);
  --success-bg: var(--surface-sage);
  --warning: #DDB46E;
  --warning-bg: #382E1E;
  --danger: #E79A84;
  --danger-bg: #3B2620;
  --info: #9DB8C9;
  --info-bg: #232E35;
  --scrim: rgba(0, 0, 0, 0.6);
  --photo-shade: #1E1811;
  --on-photo: #F6EFE3;
  --on-photo-muted: #E9E1D4;
  --gold-on-photo: #E8C47C;
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.35), 0 12px 32px rgba(0, 0, 0, 0.3);
  --shadow-lift: 0 2px 6px rgba(0, 0, 0, 0.4), 0 24px 56px rgba(0, 0, 0, 0.4);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1B1B1C;
    --surface: #242425;
    --surface-sand: #2E2D2C;
    --surface-sage: #263028;
    --ink: #EEEBE6;
    --ink-muted: #B6B0A7;
    --line: #363533;
    --line-strong: #7E7A74;
    --gold: #C4943B;
    --gold-light: #DDB060;
    --gold-deep: #C4943B;
    --gold-text: #DDB060;
    --sage: #8FA087;
    --sage-deep: #A9BFA1;
    --action: #E6E1D8;
    --action-hover: #F4F0EA;
    --on-action: #2A2A2B;
    --focus: var(--gold-deep);
    --success: var(--sage-deep);
    --success-bg: var(--surface-sage);
    --warning: #DDB46E;
    --warning-bg: #382E1E;
    --danger: #E79A84;
    --danger-bg: #3B2620;
    --info: #9DB8C9;
    --info-bg: #232E35;
    --scrim: rgba(0, 0, 0, 0.6);
    --photo-shade: #1E1811;
    --on-photo: #F6EFE3;
    --on-photo-muted: #E9E1D4;
    --gold-on-photo: #E8C47C;
    --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.35), 0 12px 32px rgba(0, 0, 0, 0.3);
    --shadow-lift: 0 2px 6px rgba(0, 0, 0, 0.4), 0 24px 56px rgba(0, 0, 0, 0.4);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 120px;
  --space-10: 160px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-arch: 999px;
  --radius-pill: 999px;
  --container-max: 1200px;
  --prose-max: 640px;
  --header-height: 84px;
  --font-serif: "Cormorant Garamond", "Cormorant", Garamond, Georgia, serif;
  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}
@font-face { font-family: 'Cormorant Garamond'; src: url('fonts/CormorantGaramond-Variable.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url('fonts/CormorantGaramond-Italic-Variable.woff2') format('woff2'); font-weight: 300 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Italic-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: italic; font-display: swap; }