:root {
  --black: #000000;
  --white: #FFFFFF;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #E5E5E5;
  --gray-700: #71767B;
  --gray-800: #2F3336;
  --gray-900: #16181C;
  --gray-950: #0D0D0F;
  --text-primary: #E7E9EA;
  --text-secondary: #71767B;
  --accent: #C41E3A;
  --accent-light: rgba(196, 30, 58, 0.12);
  --community-accent: #1D9BF0;
  /* Children's section */
  --children-accent: #C41E3A;
  --children-warm: #8B1A2B;
  --children-bg-soft: rgba(196, 30, 58, 0.06);
  --error: #F4212E;
  --success: #00BA7C;
  --warning: #FFD400;

  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms ease;

  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
}