/* YouAndMe design tokens — MindWell-inspired + BookingPress teal for dashboard */
:root {
  /* Palette */
  --ym-primary: #2AAFA0;           /* Dashboard teal (from BookingPress screenshot) */
  --ym-primary-dark: #1E8C80;
  --ym-primary-soft: #E0F6F3;
  --ym-accent: #FF7F50;             /* MindWell-like warm coral accent */
  --ym-ink: #1B2A35;
  --ym-ink-soft: #4C6573;
  --ym-muted: #97A6B2;
  --ym-bg: #F6F9FB;
  --ym-surface: #FFFFFF;
  --ym-border: #E4ECF0;
  --ym-success: #2ECC71;
  --ym-warning: #F6B93B;
  --ym-danger: #E74C3C;

  /* Typography */
  --ym-font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ym-font-display: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ym-fs-xs: 0.78rem;
  --ym-fs-sm: 0.88rem;
  --ym-fs-base: 1rem;
  --ym-fs-lg: 1.15rem;
  --ym-fs-xl: 1.4rem;
  --ym-fs-2xl: 1.9rem;
  --ym-fs-3xl: 2.5rem;
  --ym-fs-4xl: 3.2rem;

  /* Spacing */
  --ym-space-1: 4px;
  --ym-space-2: 8px;
  --ym-space-3: 12px;
  --ym-space-4: 16px;
  --ym-space-5: 24px;
  --ym-space-6: 32px;
  --ym-space-7: 48px;
  --ym-space-8: 64px;

  /* Radii & shadows */
  --ym-radius-sm: 6px;
  --ym-radius-md: 10px;
  --ym-radius-lg: 16px;
  --ym-radius-pill: 999px;
  --ym-shadow-1: 0 1px 2px rgba(27,42,53,0.06), 0 2px 6px rgba(27,42,53,0.04);
  --ym-shadow-2: 0 4px 12px rgba(27,42,53,0.08), 0 12px 28px rgba(27,42,53,0.06);
  --ym-shadow-hover: 0 10px 28px rgba(42,175,160,0.18);

  /* Motion */
  --ym-ease-out: cubic-bezier(.2,.8,.2,1);
  --ym-dur-fast: 160ms;
  --ym-dur-med: 280ms;
  --ym-dur-slow: 480ms;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { padding: 0; margin: 0; font-family: var(--ym-font-sans); color: var(--ym-ink); background: var(--ym-bg); }
a { color: var(--ym-primary); text-decoration: none; transition: color var(--ym-dur-fast) var(--ym-ease-out); }
a:hover { color: var(--ym-primary-dark); }
h1, h2, h3, h4, h5 { font-family: var(--ym-font-display); color: var(--ym-ink); letter-spacing: -0.01em; }
h1 { font-size: var(--ym-fs-4xl); line-height: 1.08; font-weight: 700; }
h2 { font-size: var(--ym-fs-3xl); line-height: 1.15; font-weight: 700; }
h3 { font-size: var(--ym-fs-2xl); font-weight: 700; }
h4 { font-size: var(--ym-fs-xl); font-weight: 600; }
p { line-height: 1.65; color: var(--ym-ink-soft); }