/* GENERATED by theme/gen_css.py — do not edit */
/* Source: theme/theme.json */

:root {
  --light-primary-base: #1A2F52;
  --light-primary-hover: #233F6B;
  --light-primary-pressed: #122340;
  --light-primary-subtle: #E4E8F0;
  --light-primary-on-primary: #F7F0DD;
  --light-accent-gold: #D4A017;
  --light-accent-gold-soft: #E8C458;
  --light-accent-gold-muted: #F5E6B8;
  --light-accent-on-gold: #4A3708;
  --light-semantic-motivate: #E87722;
  --light-semantic-motivate-soft: #FBE3CF;
  --light-semantic-on-motivate: #FFFFFF;
  --light-semantic-achieve: #117560;
  --light-semantic-achieve-soft: #D4ECE4;
  --light-semantic-on-achieve: #FFFFFF;
  --light-semantic-reflect: #2A4A7F;
  --light-semantic-reflect-soft: #DCE4F1;
  --light-semantic-on-reflect: #FFFFFF;
  --light-semantic-success: #117560;
  --light-semantic-warning: #D4A017;
  --light-semantic-danger: #B33A1A;
  --light-semantic-info: #2A4A7F;
  --light-surface-background: #FBF7EC;
  --light-surface-card: #FFFFFF;
  --light-surface-raised: #FFFFFF;
  --light-surface-inset: #F3EDDC;
  --light-surface-overlay: rgba(26, 47, 82, 0.48);
  --light-text-primary: #1A2F52;
  --light-text-secondary: #5A6B82;
  --light-text-tertiary: #8A94A5;
  --light-text-disabled: #BCC3CF;
  --light-text-inverse: #FBF7EC;
  --light-text-link: #2A4A7F;
  --light-border-subtle: #E8E2CF;
  --light-border-default: #D6CEB5;
  --light-border-strong: #1A2F52;
  --light-border-focus: #D4A017;

  --typography-fonts-heading-family: Playfair Display;
  --typography-fonts-heading-fallback: Georgia, 'Times New Roman', serif;
  --typography-fonts-heading-rationale: High-contrast serif that echoes the engraved feel of the logo wordmark. Lends weight and intentionality to section titles without feeling corporate.;
  --typography-fonts-body-family: Inter;
  --typography-fonts-body-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --typography-fonts-body-rationale: Neutral, highly legible at small sizes on mobile. Tall x-height reads well in journal entries, stat rows, and form fields.;
  --typography-fonts-mono-family: JetBrains Mono;
  --typography-fonts-mono-fallback: ui-monospace, 'SF Mono', Menlo, monospace;
  --typography-scale-display-size: 36px;
  --typography-scale-display-line-height: 42px;
  --typography-scale-display-weight: 600px;
  --typography-scale-display-letter-spacing: -0.5px;
  --typography-scale-display-font: heading;
  --typography-scale-h1-size: 28px;
  --typography-scale-h1-line-height: 34px;
  --typography-scale-h1-weight: 600px;
  --typography-scale-h1-letter-spacing: -0.3px;
  --typography-scale-h1-font: heading;
  --typography-scale-h2-size: 22px;
  --typography-scale-h2-line-height: 28px;
  --typography-scale-h2-weight: 600px;
  --typography-scale-h2-letter-spacing: -0.2px;
  --typography-scale-h2-font: heading;
  --typography-scale-h3-size: 18px;
  --typography-scale-h3-line-height: 24px;
  --typography-scale-h3-weight: 600px;
  --typography-scale-h3-letter-spacing: 0px;
  --typography-scale-h3-font: heading;
  --typography-scale-body-large-size: 17px;
  --typography-scale-body-large-line-height: 26px;
  --typography-scale-body-large-weight: 400px;
  --typography-scale-body-large-letter-spacing: 0px;
  --typography-scale-body-large-font: body;
  --typography-scale-body-size: 15px;
  --typography-scale-body-line-height: 23px;
  --typography-scale-body-weight: 400px;
  --typography-scale-body-letter-spacing: 0px;
  --typography-scale-body-font: body;
  --typography-scale-body-bold-size: 15px;
  --typography-scale-body-bold-line-height: 23px;
  --typography-scale-body-bold-weight: 500px;
  --typography-scale-body-bold-letter-spacing: 0px;
  --typography-scale-body-bold-font: body;
  --typography-scale-caption-size: 13px;
  --typography-scale-caption-line-height: 18px;
  --typography-scale-caption-weight: 400px;
  --typography-scale-caption-letter-spacing: 0.1px;
  --typography-scale-caption-font: body;
  --typography-scale-overline-size: 11px;
  --typography-scale-overline-line-height: 14px;
  --typography-scale-overline-weight: 500px;
  --typography-scale-overline-letter-spacing: 1.5px;
  --typography-scale-overline-font: body;
  --typography-scale-overline-text-transform: uppercase;
  --typography-scale-button-size: 15px;
  --typography-scale-button-line-height: 20px;
  --typography-scale-button-weight: 500px;
  --typography-scale-button-letter-spacing: 0.2px;
  --typography-scale-button-font: body;
  --typography-weights-regular: 400px;
  --typography-weights-medium: 500px;
  --typography-weights-semibold: 600px;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --spacing-4xl: 64px;

  --radii-none: 0px;
  --radii-sm: 6px;
  --radii-md: 10px;
  --radii-lg: 14px;
  --radii-xl: 20px;
  --radii-pill: 999px;

  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --dark-primary-base: #6B8AC4;
    --dark-primary-hover: #8BA5D4;
    --dark-primary-pressed: #4F6DA8;
    --dark-primary-subtle: #1F2A3D;
    --dark-primary-on-primary: #0D1526;
    --dark-accent-gold: #E8C458;
    --dark-accent-gold-soft: #B8951F;
    --dark-accent-gold-muted: #3A2F10;
    --dark-accent-on-gold: #0D1526;
    --dark-semantic-motivate: #F0935A;
    --dark-semantic-motivate-soft: #3A2418;
    --dark-semantic-on-motivate: #0D1526;
    --dark-semantic-achieve: #4AA88E;
    --dark-semantic-achieve-soft: #0F2E26;
    --dark-semantic-on-achieve: #0D1526;
    --dark-semantic-reflect: #6B8AC4;
    --dark-semantic-reflect-soft: #1A2438;
    --dark-semantic-on-reflect: #0D1526;
    --dark-semantic-success: #4AA88E;
    --dark-semantic-warning: #E8C458;
    --dark-semantic-danger: #E07052;
    --dark-semantic-info: #6B8AC4;
    --dark-surface-background: #0D1526;
    --dark-surface-card: #162238;
    --dark-surface-raised: #1E2E48;
    --dark-surface-inset: #0A101C;
    --dark-surface-overlay: rgba(0, 0, 0, 0.64);
    --dark-text-primary: #F0EAD6;
    --dark-text-secondary: #A8B2C4;
    --dark-text-tertiary: #6B7589;
    --dark-text-disabled: #3D4557;
    --dark-text-inverse: #0D1526;
    --dark-text-link: #8BA5D4;
    --dark-border-subtle: #253348;
    --dark-border-default: #34425C;
    --dark-border-strong: #F0EAD6;
    --dark-border-focus: #E8C458;
  }
}

[data-theme='dark'] {
  --dark-primary-base: #6B8AC4;
  --dark-primary-hover: #8BA5D4;
  --dark-primary-pressed: #4F6DA8;
  --dark-primary-subtle: #1F2A3D;
  --dark-primary-on-primary: #0D1526;
  --dark-accent-gold: #E8C458;
  --dark-accent-gold-soft: #B8951F;
  --dark-accent-gold-muted: #3A2F10;
  --dark-accent-on-gold: #0D1526;
  --dark-semantic-motivate: #F0935A;
  --dark-semantic-motivate-soft: #3A2418;
  --dark-semantic-on-motivate: #0D1526;
  --dark-semantic-achieve: #4AA88E;
  --dark-semantic-achieve-soft: #0F2E26;
  --dark-semantic-on-achieve: #0D1526;
  --dark-semantic-reflect: #6B8AC4;
  --dark-semantic-reflect-soft: #1A2438;
  --dark-semantic-on-reflect: #0D1526;
  --dark-semantic-success: #4AA88E;
  --dark-semantic-warning: #E8C458;
  --dark-semantic-danger: #E07052;
  --dark-semantic-info: #6B8AC4;
  --dark-surface-background: #0D1526;
  --dark-surface-card: #162238;
  --dark-surface-raised: #1E2E48;
  --dark-surface-inset: #0A101C;
  --dark-surface-overlay: rgba(0, 0, 0, 0.64);
  --dark-text-primary: #F0EAD6;
  --dark-text-secondary: #A8B2C4;
  --dark-text-tertiary: #6B7589;
  --dark-text-disabled: #3D4557;
  --dark-text-inverse: #0D1526;
  --dark-text-link: #8BA5D4;
  --dark-border-subtle: #253348;
  --dark-border-default: #34425C;
  --dark-border-strong: #F0EAD6;
  --dark-border-focus: #E8C458;
}