/* MoodSteady design tokens
 * Source of truth: https://designguide.moodsteady.com
 * Drop into your :root and use via var(--color-primary) etc.
 */
:root {
  --color-primary: #3B6B6B;
  --color-forest: #2A4A47;
  --color-sage: #8FB3A7;
  --color-background: #FBF9F4;
  --color-surface: #F5F2EC;
  --color-sand: #F0E3D0;
  --color-mint: #E8F0EC;
  --color-ink: #1D2629;
  --color-muted: #5F6B70;
  --color-border: #E4DED2;

  --signal-green: #459070;
  --signal-yellow: #E8B23A;
  --signal-orange: #E2701F;
  --signal-red: #C9402D;

  --radius-card: 16px;
  --radius-button: 12px;
  --shadow-soft: 0 4px 24px -8px rgba(20, 40, 40, .08);

  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif;
}