:root {
  /* Brand Colors from CPB identity */
  --color-primary: #67b2d4;
  --color-primary-dark: #4081a1;
  --color-primary-text: #212529;
  
  --color-card-blue: #71BED8;
  --color-card-pink: #FF7582;
  --color-card-orange: #FFC57E;
  --color-card-yellow: #E7E77A;

  --color-text-main: #1f2937;
  --color-text-muted: #4b5563;
  --color-text-light: #9ca3af;
  
  --color-bg-page: #ffffff;
  --color-bg-alt: #f8fafc;
  --color-bg-footer-bar: #f4f6f8;

  --color-border: #e5e7eb;
  --color-border-light: #f3f4f6;

  /* Typography */
  --font-family-base: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing */
  --container-max-width: 1240px;
  --container-padding: 2rem;

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-card: 32px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-btn: 3px 3px 0px #1f2937;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.04);
}