@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("../fonts/Sora-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
}

:root {
  /* Link Advance Academia · branding v4 final */
  --blue-50: #ecf5ff;
  --blue-100: #d8ebff;
  --blue-200: #aed4fa;
  --blue-300: #7ab8ef;
  --blue-400: #4395de;
  --blue-500: #1768bf;
  --blue-600: #0951a2;
  --blue-700: #074486;
  --blue-800: #08386d;
  --blue-900: #092f58;

  --ink-950: #06182e;
  --ink-900: #0b2340;
  --ink-800: #183754;
  --ink-700: #314d69;
  --ink-600: #4d627a;
  --ink-500: #6c7f94;
  --ink-300: #cad6e3;
  --ink-200: #dde6ef;
  --ink-100: #ebf1f7;
  --ink-50: #f4f8fd;

  --accent-700: var(--blue-800);
  --accent-600: var(--blue-700);
  --accent-500: var(--blue-600);
  --accent-400: var(--blue-500);
  --accent-100: var(--blue-50);

  --success-700: #0f8649;
  --success-100: #e8f8ef;
  --danger-700: #c12f2c;
  --danger-100: #fdecec;
  --warning-700: #cc850a;
  --warning-100: #fff5e3;

  --white: #ffffff;
  --page: #f4f8fd;
  --surface: #ffffff;
  --surface-muted: #fbfcfe;
  --surface-sunken: #ebf1f7;

  --gradient-brand: linear-gradient(135deg, #074486 0%, #0951a2 54%, #1768bf 100%);
  --gradient-brand-radial: radial-gradient(circle at 68% 18%, #1768bf 0%, #0951a2 48%, #06438e 100%);
  --gradient-ink: linear-gradient(150deg, #06182e 0%, #092f58 100%);

  --shadow-xs: 0 2px 6px rgba(6, 24, 46, 0.07);
  --shadow-sm: 0 6px 20px rgba(9, 47, 88, 0.09);
  --shadow-md: 0 20px 55px rgba(9, 47, 88, 0.14);
  --shadow-brand: 0 10px 28px rgba(9, 81, 162, 0.34);
  --shadow-focus: 0 0 0 4px rgba(67, 149, 222, 0.28);

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --content-max: 1240px;
  --font-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
}