/* ============================================================
   Nova Academy — Layout, spacing, radius & effect tokens
   Spacing & radius scale transcribed from the file's Figma
   Variables (px). Container 1280 / 32 gutter → 1216 content.
   ============================================================ */

:root {
  /* ---- Spacing scale (px) ---- */
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-md: 8px;
  --space-lg: 12px;
  --space-xl: 16px;
  --space-2xl: 20px;
  --space-3xl: 24px;
  --space-4xl: 32px;
  --space-5xl: 36px;
  --space-6xl: 48px;
  --space-7xl: 64px;
  --space-8xl: 90px;   /* testimonial band vertical padding */
  --space-9xl: 96px;   /* section vertical rhythm */

  /* ---- Layout ---- */
  --container-max: 1280px;      /* outer container */
  --container-gutter: 32px;     /* desktop side padding */
  --content-max: 1216px;        /* container minus gutters */
  --paragraph-max: 720px;       /* readable measure */
  --section-pad-y: 96px;        /* default vertical section padding */

  /* ---- Radii ---- */
  --radius-sm: 8px;             /* inputs, small chips */
  --radius-md: 10px;            /* partner badge, medium */
  --radius-lg: 16px;            /* cards, images */
  --radius-xl: 24px;            /* CTA banner */
  --radius-section: 48px;       /* footer top corners / CTA bottom corners */
  --radius-full: 9999px;        /* pills, avatars, arrow buttons */

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-hairline: 0.5px;

  /* ---- Elevation / effects ---- */
  --shadow-none: none;
  --ring-arrow: inset 0 0 0 1px var(--nova-gray-200);   /* carousel arrow button */
  --ring-card: inset 0 0 0 1px var(--nova-gray-200);
  --glow-hero-text: 0 0 8px rgba(0,0,0,0.25);           /* headline over photo */
  --shadow-drop-soft: 0 4px 24px rgba(0,0,0,0.08);      /* raised card (used sparingly) */

  /* ---- Gradients & overlays ---- */
  --overlay-hero: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* @kind other */
  --overlay-image-bottom: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(18,18,18,0.92) 100%); /* @kind other */
  --gradient-cta-navy: linear-gradient(72.8deg, #0D3585 13.16%, #042058 45.2%); /* @kind other */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-base: 200ms;  /* @kind other */
  --dur-slow: 320ms;  /* @kind other */
}