/* --- THEME SCHEMA (theme.css) --- */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&display=swap");

:root {
  /* ── CORE COLORS ──────────────────────────────────────────── */
  --color-primary: #1f2937; /* Navy — dark text / dark sections */
  --color-secondary: #f9fafb; /* Off-white — light section bg */
  --color-white: #ffffff;
  --color-black: #000000;

  --color-accent: #0a66c2; /* Primary blue CTA */
  --color-accent-hover: #084aa0; /* Darker blue on hover */
  --color-accent-tag: #b7d7ff; /* Light blue accent for tags */
  --color-accent-light: #e8f1ff; /* Pale blue tint */

  /* ── TEXT ─────────────────────────────────────────────────── */
  --color-text-main: #111827;
  --color-text-muted: #4b5563;
  --color-text-light: #9ca3af;

  /* ── BORDERS & BACKGROUNDS ────────────────────────────────── */
  --color-border: #e5e7eb;
  --color-light-bg: #f8f8f8;
  --color-white-bg: #ffffff;
  --color-info-card: #f2f0ee;
  --color-footer-bg: #074c72;
  --color-light-white: #fafafa;

  /* ── MISC ─────────────────────────────────────────────────── */
  --color-blue: #0a66c2;
  --color-blue-light: #374151;

  /* ── TYPOGRAPHY ───────────────────────────────────────────── */
  --font-heading:
    "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --font-body:
    "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;

  /* ── TYPE SCALE ───────────────────────────────────────────── */
  --text-xs: 0.75rem; /* 12px */
  --text-sm: 0.875rem; /* 14px */
  --text-base: 1rem; /* 16px */
  --text-lg: 1.125rem; /* 18px */
  --text-xl: 1.25rem; /* 20px */
  --text-2xl: 1.5rem; /* 24px */
  --text-3xl: 1.875rem; /* 30px */
  --text-4xl: 2.25rem; /* 36px */
  --text-5xl: 3rem; /* 48px */

  /* ── LAYOUT ───────────────────────────────────────────────── */
  --max-width: 1200px;
  --radius-md: 8px;
  --radius-lg: 12px;
}

/* ── BASE RESET ─────────────────────────────────────────────── */
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: var(--text-base);
  color: var(--color-text-main);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
}