/* SelfieBump design tokens — single source of truth (see sb-design-system.html) */
:root {
  --sb-bg-cream: #FAF7F4;
  --sb-surface-white: #FFFFFF;

  --sb-pastel-blush: #F8E7E9;
  --sb-pastel-lavender: #EAE2FA;

  --sb-accent-rose: #D8A48F;
  --sb-accent-rose-hover: #C99280;
  --sb-accent-lavender: #BCA7FF;

  --sb-text-primary: #1A1A1A;
  --sb-text-secondary: #6B6B6B;
  --sb-text-tertiary: #888888;
  --sb-text-on-accent: #FFFFFF;

  --sb-border-light: #E8E6E3;

  --sb-gradient-button: linear-gradient(135deg, #D8A48F 0%, #BCA7FF 100%);
  --sb-gradient-brand-soft: linear-gradient(135deg, #FADCD2 0%, #E6D6F0 100%);

  --sb-state-positive-bg: #EAF1EC;
  --sb-state-positive-fg: #4C7358;
  --sb-state-caution-bg: #F6EEDF;
  --sb-state-caution-fg: #8A6A3B;
  --sb-state-critical-bg: #F3E4E1;
  --sb-state-critical-fg: #A6564A;
  --sb-state-neutral-bg: #F3F1EE;
  --sb-state-neutral-fg: #6B6B6B;

  --sb-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.06);

  --sb-radius-sm: 12px;
  --sb-radius-pill: 999px;

  --sb-nav-height: 64px;
  --sb-font-display: 'Playfair Display', Georgia, serif;
  --sb-font-body: 'DM Sans', system-ui, sans-serif;

  /* Legacy aliases (styles.css / older pages) */
  --bg-cream: var(--sb-bg-cream);
  --surface-white: var(--sb-surface-white);
  --pastel-blush: var(--sb-pastel-blush);
  --pastel-lavender: var(--sb-pastel-lavender);
  --accent-rose: var(--sb-accent-rose);
  --accent-rose-hover: var(--sb-accent-rose-hover);
  --accent-lavender: var(--sb-accent-lavender);
  --text-primary: var(--sb-text-primary);
  --text-secondary: var(--sb-text-secondary);
  --text-tertiary: var(--sb-text-tertiary);
  --shadow-soft: var(--sb-shadow-soft);
}