/* Shared design tokens pulled from the mockups — one place to tweak the whole app's look */
:root {
  --color-bg: #f1efe8;
  --color-surface: #ffffff;
  --color-surface-muted: #f7f6f1;
  --color-border: #e2e0d8;

  --color-text: #2c2c2a;
  --color-text-muted: #888780;
  --color-text-soft: #5f5e5a;
  --color-text-faint: #a8a69c;
  --color-text-faint-2: #b8b6ac;

  --color-pink: #d4537e;
  --color-pink-dark: #a3567c;
  --color-pink-deep: #4b1528;
  --color-pink-bg: #fbeaf0;
  --color-pink-bg-strong: #f3c9d6;
  --color-pink-border: #d4a3b8;
  --color-pink-border-2: #e3b9cb;

  --color-teal: #0d9488;
  --color-teal-dark: #085041;
  --color-teal-bg: #d9e8e3;
  --color-teal-bg-2: #e1f5ee;
  --color-teal-bg-3: #dcf3e6;

  --color-purple: #6b6690;
  --color-purple-border: #b8b3d0;
  --color-purple-bg: #e8e3f5;

  --color-amber: #c98a2c;

  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-xs: 7px;

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}