/* ============================================================
   Entrepreneur University — merged design tokens
   (colors + typography + spacing + effects + fonts, combined)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* ---- Ink / black (blue-tinted near-blacks: the canvas) ---- */
  --ink-950: #04060D;
  --ink-900: #080B16;
  --ink-850: #0D1120;
  --ink-800: #11162A;
  --ink-750: #161C34;
  --ink-700: #1D2540;
  --ink-600: #29324F;
  --ink-500: #3a466b;

  /* ---- Brand blue ---- */
  --blue-700: #143ca8;
  --blue-600: #1b4fd6;
  --blue-500: #2d6bff;
  --blue-400: #5286ff;
  --blue-300: #84a8ff;
  --blue-200: #b6ccff;
  --blue-100: #e1e9ff;
  --blue-glow: #3d8bff;

  /* ---- Accent cyan ---- */
  --cyan-500: #14c8ef;
  --cyan-400: #38ddff;
  --cyan-300: #7eeaff;

  /* ---- Neutral ---- */
  --white: #ffffff;
  --paper: #f5f8ff;
  --slate-100: #e7ecf7;
  --slate-200: #c8d2e6;
  --slate-300: #9aa7c4;
  --slate-400: #6b7798;
  --slate-500: #4a5573;
  --slate-600: #333c56;

  /* ---- Semantic status ---- */
  --green-500: #2bd576;
  --green-400: #54e295;
  --amber-500: #ffb01f;
  --amber-400: #ffc24d;
  --red-500: #ff5468;
  --red-400: #ff7b8a;

  /* Surfaces */
  --surface-base: var(--ink-900);
  --surface-raised: var(--ink-800);
  --surface-card: var(--ink-700);
  --surface-inset: var(--ink-850);
  --surface-overlay: rgba(8, 11, 22, 0.72);
  --surface-paper: var(--paper);

  /* Text */
  --text-strong: var(--white);
  --text-body: var(--slate-200);
  --text-muted: var(--slate-300);
  --text-faint: var(--slate-400);
  --text-on-accent: var(--white);
  --text-on-paper: var(--ink-900);

  /* Brand / interactive */
  --accent: var(--blue-500);
  --accent-hover: var(--blue-400);
  --accent-press: var(--blue-600);
  --accent-soft: rgba(45, 107, 255, 0.14);
  --accent-edge: var(--cyan-400);

  /* Borders / lines */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-default: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.20);
  --border-accent: rgba(45, 107, 255, 0.55);

  /* Status semantic */
  --success: var(--green-500);
  --warning: var(--amber-500);
  --danger: var(--red-500);
  --info: var(--blue-400);

  /* Focus ring */
  --ring: rgba(61, 139, 255, 0.55);

  /* Families */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

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

  /* Type scale */
  --text-2xs: 0.6875rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.25rem;
  --text-3xl: 3rem;
  --text-4xl: 4rem;
  --text-5xl: 5.25rem;

  /* Line heights */
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* Letter spacing */
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.16em;

  /* Spacing scale */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Layout */
  --container-max: 1200px;
  --container-wide: 1360px;
  --gutter: var(--space-5);

  /* Elevation shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-xl: 0 40px 100px rgba(0, 0, 0, 0.6);

  /* Neon brand glow */
  --glow-blue: 0 0 0 1px rgba(45, 107, 255, 0.4), 0 8px 30px rgba(45, 107, 255, 0.35);
  --glow-blue-strong: 0 0 0 1px rgba(61, 139, 255, 0.6), 0 10px 44px rgba(61, 139, 255, 0.55);
  --glow-cyan: 0 0 24px rgba(56, 221, 255, 0.45);

  /* Inset / hairline highlight */
  --edge-top: inset 0 1px 0 rgba(255, 255, 255, 0.06);

  /* Blur */
  --blur-sm: 8px;
  --blur-md: 18px;
  --blur-lg: 32px;

  /* Gradients */
  --grad-brand: linear-gradient(135deg, #2d6bff 0%, #14c8ef 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(45,107,255,0.18) 0%, rgba(56,221,255,0.10) 100%);
  --grad-ink: linear-gradient(180deg, #0d1120 0%, #080b16 100%);
  --grad-spot: radial-gradient(60% 80% at 50% 0%, rgba(45,107,255,0.22) 0%, rgba(45,107,255,0) 70%);
  --grad-aurora: linear-gradient(120deg, #6f9bff 0%, #b06bff 55%, #ff7ed1 100%);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 360ms;
}