:root {
  --color-primary: #F58220;
  --color-primary-dark: #E86E00;
  --color-primary-light: #FF9A3C;
  --color-secondary: #2B78E4;
  --color-secondary-dark: #1E5FB8;
  --color-bg: #FFF6EC;
  --color-bg-accent: #FFE8CC;
  --color-surface: #FFFFFF;
  --color-surface-glass: rgba(255, 255, 255, 0.92);
  --color-text: #2D2D2D;
  --color-muted: #6B5A4A;
  --color-success: #4CAF50;
  --font-size-base: 18px;
  --font-size-lg: 20px;
  --font-size-prompt: 26px;
  --font-size-hero: 30px;
  --radius-card: 22px;
  --radius-btn: 18px;
  --btn-min-height: 56px;
  --shadow-soft: 0 8px 24px rgba(45, 45, 45, 0.1);
  --shadow-card: 0 12px 32px rgba(245, 130, 32, 0.22);
  --shadow-btn: 0 5px 0 rgba(0, 0, 0, 0.12);
  --inner-bg-dim: 0.88;
  --inner-bg-blur: 3px;
}