/* ==========================================================================
   AVCO Design System - CSS Variables
   Reusable across all AVCO pages
   ========================================================================== */

:root {
  /* Primary Colors */
  --avco-primary-950: #21274a;
  --avco-primary-900: #2e3c7a;
  --avco-primary-800: #314090;
  --avco-primary-200: #c9d8f4;
  --avco-primary-100: #e1e9f8;
  --avco-primary-50: #f2f5fc;

  /* Secondary Colors */
  --avco-secondary-700: #0054a4;
  --avco-secondary-600: #006acb;

  /* Neutral / Gray */
  --avco-gray-600: #5d5d5d;
  --avco-gray-500: #787878;
  --avco-gray-400: #9e9e9e;
  --avco-gray-200: #d4d4d4;
  --avco-gray-100: #e7e7e7;
  --avco-gray-50: #f6f6f6;
  --avco-white: #ffffff;

  /* Typography */
  --avco-font-heading: 'Noto Sans', sans-serif;
  --avco-font-body: 'Noto Sans', sans-serif;

  /* Font Sizes */
  --avco-text-2xs: 0.625rem;   /* 10px */
  --avco-text-xs: 0.75rem;     /* 12px */
  --avco-text-sm: 0.875rem;    /* 14px */
  --avco-text-base: 1rem;      /* 16px */
  --avco-text-lg: 1.25rem;     /* 20px */
  --avco-text-xl: 1.5rem;      /* 24px */
  --avco-text-2xl: 1.625rem;   /* 26px */
  --avco-text-3xl: 1.75rem;    /* 28px */
  --avco-text-4xl: 2rem;       /* 32px */
  --avco-text-5xl: 2.25rem;    /* 36px */
  --avco-text-6xl: 2.5rem;     /* 40px */
  --avco-text-7xl: 3.25rem;    /* 52px */

  /* Spacing Scale */
  --avco-space-0-5: 0.125rem;  /* 2px */
  --avco-space-1: 0.25rem;     /* 4px */
  --avco-space-1-5: 0.375rem;  /* 6px */
  --avco-space-2: 0.5rem;      /* 8px */
  --avco-space-2-5: 0.625rem;  /* 10px */
  --avco-space-3: 0.75rem;     /* 12px */
  --avco-space-4: 1rem;        /* 16px */
  --avco-space-5: 1.25rem;     /* 20px */
  --avco-space-6: 1.5rem;      /* 24px */
  --avco-space-8: 2rem;        /* 32px */
  --avco-space-10: 2.5rem;     /* 40px */
  --avco-space-12: 3rem;       /* 48px */
  --avco-space-15: 3.75rem;    /* 60px */
  --avco-space-16: 4rem;       /* 64px */
  --avco-space-20: 5rem;       /* 80px */
  --avco-space-25: 6.25rem;    /* 100px */

  /* Layout */
  --avco-container-max: 90rem;       /* 1440px */
  --avco-header-height: 4.25rem;     /* 68px */
  --avco-header-height-mobile: 3.625rem; /* 58px */

  /* Border */
  --avco-border-color: var(--avco-primary-100);
  --avco-border-light: 0.0625rem solid var(--avco-primary-100); /* 1px */

  /* Border Radius */
  --avco-radius-sm: 0.5rem;    /* 8px */
  --avco-radius-round: 1.25rem; /* 20px */
  --avco-radius-full: 50%;

  /* Transitions */
  --avco-transition-fast: 0.2s;
  --avco-transition-base: 0.3s;
}