/* css/tokens.css
   Single source of truth for fonts + colors + sizing tokens
*/

/* ---- Load fonts (Google Fonts) ---- */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=Poppins:wght@500;600;700;800;900&display=swap");

:root{
  /* ---- Typography ---- */
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-display: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-accent: "Playfair Display", Georgia, serif;

  /* ---- Color palette (your blue scheme) ---- */
  --c-white: #FFFFFF;
  --c-ink: #011425;      /* deep navy */
  --c-navy2: #0B2438;    /* rich navy */
  --c-blue: #1F4959;     /* teal-blue */
  --c-mist: #5C7C89;     /* soft blue-grey */
  --c-soft: #F5F7F8;     /* soft off-white */

  /* ---- Radii ---- */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-1: 0 14px 30px rgba(0,0,0,0.18);

  /* ---- Spacing ---- */
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 22px;
}