/* ================================================
   COD-YQ Academy — CSS Custom Properties
   ================================================ */

:root {
  /* ---- Background Colors ---- */
  --color-bg:             #080c14;
  --color-bg-surface:     #0d1220;
  --color-bg-card:        #111827;

  /* ---- Accent Colors ---- */
  --color-accent-orange:  #F7941D;
  --color-accent-purple:  #7B3FE4;
  --color-gradient:       linear-gradient(135deg, #F7941D 0%, #7B3FE4 100%);

  /* ---- Text Colors ---- */
  --color-text-primary:   #F0F4FF;
  --color-text-secondary: #8892A4;

  /* ---- Borders ---- */
  --color-border:         rgba(255, 255, 255, 0.06);
  --color-border-accent:  rgba(247, 148, 29, 0.15);

  /* ---- Glow Effects ---- */
  --color-glow-orange:    rgba(247, 148, 29, 0.10);
  --color-glow-purple:    rgba(123, 63, 228, 0.10);

  /* ---- Typography ---- */
  --font-heading: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* ---- Font Sizes ---- */
  --fs-eyebrow: 0.72rem;
  --fs-nav:     0.9rem;
  --fs-body:    1rem;
  --fs-card-h3: 1.2rem;
  --fs-h2:      clamp(1.8rem, 3.5vw, 2.8rem);
  --fs-h1:      clamp(2.8rem, 5.5vw, 5rem);

  /* ---- Font Weights ---- */
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  /* ---- Spacing Scale ---- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 5rem;
  --space-3xl: 7rem;

  /* ---- Border Radius ---- */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-full: 9999px;

  /* ---- Transitions ---- */
  --transition-fast: 0.25s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease-out;

  /* ---- Layout ---- */
  --nav-height:        72px;
  --max-width:         1280px;
  --max-width-content: 1100px;
  --section-padding:   clamp(4rem, 8vw, 7rem);
}