:root {
  /* Font Families */
  --font-primary: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-heading: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-hero: 'Montserrat', sans-serif;
  --font-condensed: 'IBM Plex Sans Condensed', sans-serif;
  --font-poppins: 'Poppins', sans-serif;
  --font-barlow: 'Barlow Condensed', sans-serif;

  /* Color Palette */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-text: #0A0A0A;
  --color-text-dark: #0A0A0A;
  --color-text-muted: #333333;
  --color-gray: #333333;
  --color-gray-light: #999999;
  --color-gray-muted: #777777;

  --color-blue-dark: #0A2F5C;
  --color-blue-accent: #00BFFF;
  --color-blue-accent-light: #B2FFFF;

  --color-green-accent: #39FF14;
  --color-green-accent-dark: #2ecc10;

  --color-pink-accent: #FF1493;
  --color-pink-accent-dark: #e01384;

  --color-border-light: #ccc;
  --color-border-dark: #0A0A0A;

  --color-bg-light: #F0F0F0;
  --color-bg-lighter: #F9F9F9;

  --color-shadow: rgba(0, 0, 0, 0.1);
  --color-shadow-heavy: rgba(0, 0, 0, 0.2);

  /* Accent & Heading Colors */
  --color-heading-rgb: 10, 47, 92;
  --color-heading: rgba(var(--color-heading-rgb), 1);
  --color-subheading: rgba(var(--color-heading-rgb), 0.85);
  --color-heading-muted: rgba(10, 47, 92, 0.8);

  /* Navigation & Hero Specific */
  --color-nav-link: var(--color-blue-dark);
  --color-nav-hover: var(--color-pink-accent);
  --color-hero-title: var(--color-heading-muted);
  --color-hero-subtitle: var(--color-text-muted);
  --gradient-hero: linear-gradient(135deg, var(--color-blue-accent) 0%, var(--color-blue-accent-light) 50%, var(--color-green-accent) 100%);
  --clip-hero-shape: polygon(0 0, 100% 0, 100% 70%, 0 100%);

  /* Footer Specific */
  --color-footer-text: var(--color-gray-light);
  --color-footer-muted: var(--color-gray-muted);
  --color-footer-border: var(--color-border-dark);

  /* Table Colors */
  --color-table-border: var(--color-border-light);
  --color-table-header-bg: var(--color-bg-light);

  /* CTA Buttons */
  --color-button-primary-bg: var(--color-green-accent);
  --color-button-primary-hover: var(--color-green-accent-dark);
  --color-button-primary-text: var(--color-white);
  --color-button-primary-text-hover: var(--color-white);
  --color-button-primary-border: var(--color-green-accent);

  --color-button-secondary-bg: var(--color-pink-accent);
  --color-button-secondary-hover: var(--color-pink-accent-dark);
  --color-button-secondary-text: var(--color-white);
  --color-button-secondary-text-hover: var(--color-white);
  --color-button-secondary-border: var(--color-pink-accent);
}