:root {
  /* ======= PRIMARY (Rotary Blue) ======= */
  --color-primary: #003DA5;
  --color-primary-foreground: #ffffff;
  --color-primary-dark: #001f5c;
  --color-primary-deep: #000d2b;

  /* ======= SECONDARY (Rotary Gold) ======= */
  --color-secondary: #F7A81B;
  --color-secondary-foreground: #1a1a2e;

  /* ======= BACKGROUNDS ======= */
  --color-background: #faf9f6;
  --color-background-white: #ffffff;
  --color-card: #faf9f6;
  --color-card-foreground: #1a1a2e;
  --color-muted: #f1f5f9;
  --color-accent: #F7A81B;

  /* ======= TEXT HIERARCHY ======= */
  --color-foreground: #1a1a2e;
  --color-muted-foreground: #555;
  --color-text-light: #6b7280;
  --color-text-lighter: #6b7280;
  --color-text-muted: #555;
  --color-text-subtle: #555;

  /* ======= ON-DARK TEXT (for dark bgs like hero, CTA, footer) ======= */
  --color-on-dark: #ffffff;
  --color-on-dark-85: rgba(255,255,255,0.85);
  --color-on-dark-80: rgba(255,255,255,0.80);
  --color-on-dark-75: rgba(255,255,255,0.75);
  --color-on-dark-70: rgba(255,255,255,0.7);
  --color-on-dark-50: rgba(255,255,255,0.5);
  --color-on-dark-40: rgba(255,255,255,0.4);
  --color-on-dark-30: rgba(255,255,255,0.3);

  /* ======= BORDERS ======= */
  --color-border: #e8e6e1;
  --border-header-width: 3px;
  --border-section-heading-width: 2px;

  /* ======= DECORATIVE OVERLAYS (hero circles) ======= */
  --color-decorative-light: rgba(247,168,27,0.08);
  --color-decorative-lighter: rgba(247,168,27,0.05);
  --hero-circle-1-size: 300px;
  --hero-circle-2-size: 200px;

  /* ======= HEADER / NAV ======= */
  --color-header-bg: #ffffff;
  --color-header-text: #003DA5;
  --color-header-border: #003DA5;
  --color-header-hover: rgba(0,61,165,0.06);
  --color-header-border-muted: rgba(0,0,0,0.12);
  --color-header-muted-text: #888;
  --color-nav-text: #444;
  --header-logo-size: 42px;
  --header-padding-y: 16px;
  --header-padding-x: 40px;
  --nav-font-size: 13px;
  --nav-font-weight: 500;
  --nav-gap: 24px;
  --nav-btn-font-size: 12px;
  --nav-btn-padding: 6px 16px;
  --nav-btn-radius: 4px;

  /* ======= HERO ======= */
  --hero-padding-top: 64px;
  --hero-padding-bottom: 56px;
  --hero-padding-x: 40px;
  --hero-tagline-size: 12px;
  --hero-tagline-spacing: 0.25em;
  --hero-heading-size: 42px;
  --hero-heading-weight: 700;
  --hero-heading-line-height: 1.2;
  --hero-sub-size: 17px;
  --hero-sub-max-width: 520px;
  --hero-sub-line-height: 1.6;
  --hero-btn-padding: 12px 28px;
  --hero-btn-radius: 4px;
  --hero-btn-size: 14px;
  --hero-btn-gap: 12px;

  /* ======= MEETING BAR ======= */
  --meeting-padding-y: 14px;
  --meeting-padding-x: 40px;
  --meeting-font-size: 14px;
  --meeting-font-weight: 600;
  --meeting-separator-opacity: 0.4;

  /* ======= WHO WE ARE ======= */
  --section-who-max-width: 800px;
  --section-who-padding-top: 56px;
  --section-who-padding-bottom: 40px;
  --section-who-heading-size: 28px;
  --section-who-body-size: 16px;
  --section-who-body-line-height: 1.8;

  /* ======= EVENTS & ANNOUNCEMENTS ======= */
  --section-ea-max-width: 1000px;
  --section-ea-padding-top: 20px;
  --section-ea-padding-bottom: 56px;
  --section-ea-grid-gap: 32px;
  --section-ea-heading-size: 22px;
  --section-ea-heading-pb: 8px;
  --section-ea-heading-mb: 20px;
  --event-row-padding: 14px;
  --event-row-gap: 14px;
  --event-icon-size: 24px;
  --event-title-size: 14px;
  --event-date-size: 13px;
  --announcement-title-size: 14px;
  --announcement-date-size: 12px;
  --announcement-excerpt-size: 13px;
  --announcement-excerpt-line-height: 1.5;

  /* ======= PROJECTS GRID (What We Do) ======= */
  --section-projects-padding-y: 56px;
  --section-projects-padding-x: 40px;
  --section-projects-max-width: 1000px;
  --section-projects-heading-size: 28px;
  --section-projects-heading-mb: 32px;
  --project-grid-gap: 20px;
  --project-card-padding: 24px;
  --project-card-radius: 8px;
  --project-icon-size: 32px;
  --project-icon-mb: 12px;
  --project-name-size: 15px;
  --project-desc-size: 13px;
  --project-desc-line-height: 1.5;

  /* ======= STAY CONNECTED CTA ======= */
  --section-cta-padding-y: 48px;
  --section-cta-padding-x: 40px;
  --section-cta-heading-size: 24px;
  --section-cta-body-size: 15px;
  --section-cta-body-mb: 24px;
  --section-cta-btn-gap: 16px;
  --section-cta-btn-padding: 12px 28px;
  --section-cta-btn-radius: 4px;
  --section-cta-btn-size: 14px;

  /* ======= FOOTER ======= */
  --color-footer-bg: #0a0a1a;
  --color-footer-text: rgba(255,255,255,0.5);
  --color-footer-heading: #ffffff;
  --footer-padding-y: 32px;
  --footer-padding-x: 40px;
  --footer-font-size: 13px;

  /* ======= BORDER RADIUS ======= */
  --radius: 0.5rem;

  /* ======= TYPOGRAPHY ======= */
  --font-heading: 'Libre Baskerville', Georgia, serif;
  --font-body: 'DM Sans', sans-serif;
  --club-name-size: 15px;
  --club-name-weight: 700;
  --club-name-spacing: 0.02em;
}