Sondr — Sound Wellness

---
# Machine-readable tokens (the WHAT). The prose body gives the WHY + the rules.
colors:
  roles_light:
    background: "#FEF6D6"
    foreground: "#3A2C2C"
    card: "#FBBBC3"
    card-foreground: "#3A2C2C"
    popover: "#FEF6D6"
    popover-foreground: "#3A2C2C"
    primary: "#E7EA23"
    primary-foreground: "#1E1818"
    secondary: "#FBBBC3"
    secondary-foreground: "#3A2C2C"
    muted: "#F0E4BC"
    muted-foreground: "#5A4848"
    accent: "#FBBBC3"
    accent-foreground: "#3A2C2C"
    destructive: "#C83030"
    destructive-foreground: "#FFFFFF"
    border: "#D8C8A0"
    input: "#EDE4C4"
    ring: "#E7EA23"
    success: "#4A9E5C"
    success-foreground: "#000000"
    warning: "#D4742A"
    warning-foreground: "#000000"
    chart-1: "#E7EA23"
    chart-2: "#FBBBC3"
    chart-3: "#C4A383"
    chart-4: "#7AAD90"
    chart-5: "#A888B8"
  palette:
    - { name: "warm-cream", hex: "#fef6d6", role: "surface-primary" }
    - { name: "pale-ivory", hex: "#fff8d6", role: "surface-light" }
    - { name: "candy-pink", hex: "#fbbbc3", role: "surface-alternate" }
    - { name: "warm-ink", hex: "#3a2c2c", role: "text-primary" }
    - { name: "dark-brown-field", hex: "#453b3c", role: "surface-dark" }
    - { name: "deeper-brown", hex: "#483e3e", role: "text-dark" }
    - { name: "acid-yellow", hex: "#e7ea23", role: "accent-cta" }
    - { name: "warm-tan", hex: "#c4a383", role: "surface-muted" }
    - { name: "deep-sienna", hex: "#5f2e17", role: "text-dark-alt" }
    - { name: "muted-sand", hex: "#c4c4a9", role: "surface-muted-alt" }
    - { name: "night-brown", hex: "#2c2020", role: "surface-dark-mode" }
    - { name: "chart-sage", hex: "#7aad90", role: "data-viz" }
    - { name: "chart-lavender", hex: "#a888b8", role: "data-viz" }
    - { name: "chart-amber", hex: "#d4742a", role: "data-viz" }
typography:
  heading: { family: "Fraunces", weights: [400, 500, 600, 700] }
  body: { family: "DM Sans", weights: [400, 500, 700] }
  mono: { family: "JetBrains Mono", weights: [400, 500, 700] }
  scale: "perfect-fourth"

/* Generated by Identity Forge design kits */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=DM%20Sans:wght@400;500;700&family=JetBrains%20Mono:wght@400;500;700&display=swap");

:root {
  --radius: 1rem;
  --font-heading: 'Fraunces', serif;
  --font-sans: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --background: 48 95% 92%;
  --foreground: 0 14% 20%;
  --card: 353 89% 86%;
  --card-foreground: 0 14% 20%;
  --popover: 48 95% 92%;
  --popover-foreground: 0 14% 20%;
  --primary: 61 83% 53%;
  --primary-foreground: 0 11% 11%;
  --secondary: 353 89% 86%;
  --secondary-foreground: 0 14% 20%;
  --muted: 46 63% 84%;
  --muted-foreground: 0 11% 32%;
  --accent: 353 89% 86%;
  --accent-foreground: 0 14% 20%;
  --destructive: 0 61% 49%;
  --destructive-foreground: 0 0% 100%;
  --border: 43 42% 74%;
  --input: 47 53% 85%;
  --ring: 61 83% 53%;
  --success: 133 36% 45%;
  --success-foreground: 0 0% 0%;
  --warning: 26 67% 50%;
  --warning-foreground: 0 0% 0%;
  --chart-1: 61 83% 53%;
  --chart-2: 353 89% 86%;
  --chart-3: 30 36% 64%;
  --chart-4: 146 24% 58%;
  --chart-5: 280 25% 63%;
  --shadow-sm: 0 1px 3px rgba(58,44,44,0.06);
  --shadow-md: 0 4px 12px rgba(58,44,44,0.08);
  --shadow-lg: 0 8px 24px rgba(58,44,44,0.10);
  --shadow-xl: 0 16px 48px rgba(58,44,44,0.12);
  --gradient-hero: linear-gradient(180deg,#fef6d6 0%,#fbbbc3 100%);
  --gradient-brand: linear-gradient(135deg,#e7ea23 0%,#fbbbc3 60%,#fef6d6 100%);
  --gradient-subtle: linear-gradient(180deg,#fef6d6 0%,#f0e4bc 100%);
  --duration: 220ms;
  --duration-slow: 520ms;
  --ease: cubic-bezier(0.25,0.46,0.45,0.94);
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --font-weight-heading: 700;
  --font-weight-body: 400;
  --button-radius: 9999px;
  --card-radius: 0.75rem;
  --input-radius: 9999px;
  --badge-radius: 9999px;
  --border-width: 1px;
  --card-border-width: 1px;
  --input-border-width: 1px;
  --button-border-width: 1px;
  --badge-border-width: 1px;
  --heading-transform: none;