:root {
  --color-cream: #F7F2E9;
  --color-cream-deep: #EFE7D8;
  --color-cream-soft: #FBF8F1;
  --color-ink: #1C1A17;
  --color-ink-muted: #6B6458;
  --color-blue: #2952CC;
  --color-blue-deep: #1C3C99;
  --color-success: #2F7D4F;
  --color-warning: #A66C00;
  --color-danger: #B3261E;
  --color-success-soft: #DDF7E5;
  --color-border: #D8CDBA;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --shadow-fusion: 8px 8px 18px rgba(107,100,88,.16), -8px -8px 18px rgba(255,255,255,.72), inset 1px 1px 0 rgba(255,255,255,.58), inset -1px -1px 0 rgba(107,100,88,.08), 0 18px 36px rgba(28,26,23,.08);
  --shadow-fusion-soft: 5px 5px 14px rgba(107,100,88,.13), -5px -5px 14px rgba(255,255,255,.78), inset 1px 1px 0 rgba(255,255,255,.55), inset -1px -1px 0 rgba(107,100,88,.07);
  --shadow-pressed: inset 5px 5px 12px rgba(107,100,88,.16), inset -5px -5px 12px rgba(255,255,255,.72);

  --color-primary: var(--color-blue);
  --color-bg-page: var(--color-cream);
  --color-bg-subtle: var(--color-cream-deep);
  --color-surface-muted: #E8DDCB;
  --color-surface-soft: var(--color-cream-soft);
  --color-surface-high: var(--color-cream-soft);
  --color-text-primary: var(--color-ink);
  --color-text-strong: var(--color-ink);
  --color-text-muted: var(--color-ink-muted);
  --shadow-resting: var(--shadow-fusion-soft);
  --shadow-raised: var(--shadow-fusion);
}