:root {
  --color-background:        #FAF5FF;
  --color-surface:           #EDE0F8;
  --color-elevated:          #DFC8F5;
  --color-deep:              #2E1147;
  --color-text-primary:      #2E1147;
  --color-text-secondary:    #7B5AA0;
  --color-text-on-dark:      #FAF5FF;
  --color-primary:           #9B6DC5;
  --color-cta:               #D4537E;
  --color-border:            #C9A8E8;
  --gradient-background:     linear-gradient(135deg, #E8DAFA 0%, #FAD8E8 100%);
  --gradient-figure:         linear-gradient(180deg, #7B4FAF 0%, #D4537E 100%);
  --gradient-heartbeat:      linear-gradient(90deg, #7B4FAF 0%, #D4537E 100%);
  --radius-card:             24px;
  --radius-button:           999px;
  --radius-button-secondary: 16px;
  --tap-target-size:         140px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  background: var(--color-background);
  color: var(--color-text-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}