/* Supple design system tokens, generated from the design system's tokens.json. Do not edit by hand. */
:root {
  --surface: #fbf8f1;
  --surface-raised: #ffffff;
  --cream: #f4efe3;
  --ink: #2b3220;
  --ink-muted: #5b6350;
  --line: #e2dbc9;
  --line-strong: #8a8572;
  --brand: #3f4a2e;
  --on-brand: #f4efe3;
  --gold: #e4c77a;
  --gold-deep: #8f6b1f;
  --primary: #3f4a2e;
  --on-primary: #f4efe3;
  --primary-soft: #e7ebdc;
  --focus: var(--primary);
  --info: #2d5b87;
  --info-soft: #e6eef6;
  --success: #2f6a47;
  --success-soft: #e3f0e6;
  --warning: #8a5700;
  --warning-soft: #fbefd6;
  --danger: #a23a2a;
  --danger-soft: #f8e4e0;
  --neutral: #5b6350;
  --neutral-soft: #ece8dd;
  --shadow-card: 0 1px 2px rgba(43,50,32,0.08), 0 4px 12px rgba(43,50,32,0.06);
  --font-display: Nunito, "Nunito Sans", system-ui, sans-serif;
  --font-sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #16190f;
    --surface-raised: #20251a;
    --cream: #2a3021;
    --ink: #eeebe1;
    --ink-muted: #b4b9a6;
    --line: #353b2c;
    --line-strong: #7c836d;
    --brand: #3f4a2e;
    --on-brand: #f4efe3;
    --gold: #e4c77a;
    --gold-deep: #e4c77a;
    --primary: #b9c79c;
    --on-primary: #1a1f13;
    --primary-soft: #2c3422;
    --focus: var(--primary);
    --info: #9dc2e8;
    --info-soft: #1c2c3b;
    --success: #9fd3ae;
    --success-soft: #1d3324;
    --warning: #f0c36e;
    --warning-soft: #3a2d12;
    --danger: #f2a597;
    --danger-soft: #3d211c;
    --neutral: #b4b9a6;
    --neutral-soft: #2c3125;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.5);
  }
}