/* ── Font Faces ─────────────────────────────────────────────── */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap'); */



@font-face {
  font-family: 'League Spartan';
  src: url('../fonts/League_Spartan/LeagueSpartan-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'League Spartan';
  src: url('../fonts/League_Spartan/LeagueSpartan-Light.ttf') format('truetype');
  font-weight: lighter;
}

@font-face {
  font-family: 'League Spartan';
  src: url('../fonts/League_Spartan/LeagueSpartan-Regular.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: 'League Spartan';
  src: url('../fonts/League_Spartan/LeagueSpartan-Medium.ttf') format('truetype');
  font-weight: medium;
}

@font-face {
  font-family: 'League Spartan';
  src: url('../fonts/League_Spartan/LeagueSpartan-SemiBold.ttf') format('truetype');
  font-weight: bold;
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* ── Root Design Tokens ─────────────────────────────────────── */
:root {
  /* ── Typography ─────────────────────────────────────────── */
  --ff-heading: 'League Spartan';
  --ff-body: 'Poppins', sans-serif;
  --ff-league-spartan: 'League Spartan';

  --tp-ff-poppins: 'Poppins', sans-serif;
  --tp-common-primary: #f5a133;

  --tp-common-secondary: #01bbf5;
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-common-black2: #06021d;
  --tp-common-cream: #f9f4e8;
  --tp-common-blue: #0172f5;

  --tp-text-body: #555555;

  --tp-text-dark-body: #e3e1dd;
  --tp-dark-blue: #010160;

  /* Consistent Description Styles */
  --desc-font-size: 17px;
  --desc-font-weight: 400;
  --desc-line-height: 1.7;
  --desc-color: rgba(1, 1, 96, 0.8);
  --desc-color-light: rgba(255, 255, 255, 0.7);

  /* ── Navigation ─────────────────────────────────────────── */
  --nav-bg: rgba(255, 255, 255, 0.82);

  --nav-border: rgba(1, 1, 96, 0.08);
  --nav-text: #010160;

  --nav-text-muted: rgba(1, 1, 96, 0.55);
  --nav-accent: var(--tp-common-secondary);
  --nav-hover-glow: rgba(1, 187, 245, 0.2);

  /* ── Buttons ────────────────────────────────────────────── */
  --btn-grad-from: #010160;

  --btn-grad-to: #01bbf5;

  --btn-glow: rgba(1, 187, 245, 0.4);

  /* ── Gradients ──────────────────────────────────────────── */

  --grad-hero:
    radial-gradient(circle at 50% 110%, #ff8c37 0%, transparent 60%),
    radial-gradient(circle at 15% 50%, #fbd5cb 0%, transparent 55%),
    radial-gradient(circle at 80% 45%, #7b95b3 0%, transparent 60%),
    radial-gradient(circle at 25% 85%, #6695c4 0%, transparent 50%),
    linear-gradient(145deg, #fef6ee 0%, #f8f9ff 45%, #eef4ff 100%);
  /* Brand Blue sweep */
  --grad-brand: linear-gradient(135deg, #010160 0%, #0172f5 50%, #01bbf5 100%);
  /* Warm Accent */
  --grad-amber: linear-gradient(135deg, #f5a133 0%, #f46e33 100%);
  /* Text gradient — stays blue→cyan, works on both light and dark */
  --grad-text: linear-gradient(90deg, #00106d 0%, #0387ca 100%);

  /* ── Glassmorphism ──────────────────────────────────────── */
  --glass-bg: rgba(255, 255, 255, 0.12);
  --glass-border: rgba(255, 255, 255, 0.2);
  --glass-blur: blur(18px) saturate(160%);

  --sections-bg-gradient:
    radial-gradient(at 100% 50%, rgb(105 200 248 / 68%) 0%, #0aaff312 50%),
    radial-gradient(at 0% 50%, rgb(255 153 51 / 15%) 0%, #0aaff300 50%),
    radial-gradient(at 80% 40%, rgb(9 176 243 / 20%) 0%, #00000000 45%),
    radial-gradient(at 20% 60%, rgb(255 169 108 / 79%) 0%, transparent 45%),
    radial-gradient(at 50% 50%, rgb(255 186 110 / 0%) 0%, transparent 70%);

  --all-cta-overlay: radial-gradient(circle at top right,
      rgb(65 101 229 / 58%),
      rgb(253 140 59 / 69%) 70%);

  --sections-bg-gradient2:
    /* linear-gradient(white, white), */
    radial-gradient(at 100% 50%, rgb(105 200 248 / 68%) 0%, #0aaff312 50%),
    radial-gradient(at 0% 50%, rgb(255 153 51 / 15%) 0%, #0aaff300 50%),
    radial-gradient(at 80% 40%, rgb(9 176 243 / 20%) 0%, #00000000 45%),
    radial-gradient(at 20% 60%, rgb(255 169 108 / 79%) 0%, transparent 45%),
    radial-gradient(at 50% 50%, rgb(255 186 110 / 0%) 0%, transparent 70%);

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-sm: 0 2px 8px rgba(1, 1, 96, 0.15);
  --shadow-md: 0 8px 32px rgba(1, 1, 96, 0.25);
  --shadow-lg: 0 20px 60px rgba(1, 1, 96, 0.35);
  --shadow-glow-cyan: 0 0 24px rgba(1, 187, 245, 0.35);
  --shadow-glow-blue: 0 0 24px rgba(1, 114, 245, 0.35);
  --shadow-btn: 0 4px 16px rgba(1, 187, 245, 0.4);

  /* ── Border Radius ──────────────────────────────────────── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 100px;

  /* ── Spacing ────────────────────────────────────────────── */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;

  /* ── Transitions ────────────────────────────────────────── */
  --ease: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* nav-specific alias (backwards compat) */
  --nav-ease: var(--ease);
  --nav-ease-bounce: var(--ease-bounce);
}