/* tokens.css — Design tokens and Google Fonts import */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Palette */
  --ink: #0F2A4A;
  --ink-2: #0A1F38;
  --accent: #E8743C;
  --accent-hover: #D4632C;
  --bg: #FFFFFF;
  --bg-soft: #F5F6F8;
  --border: #E3E5EA;
  --text: #1A1A1A;
  --muted: #6B7280;
  --success: #1E8A4C;

  /* Typography */
  --fs-base: 16px;
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 24px;
  --fs-h4: 18px;
  --lh-body: 1.5;
  --lh-heading: 1.15;

  /* Layout */
  --max-width: 1200px;
  --gutter: 24px;
  --section-py: 96px;

  /* Shadows */
  --shadow-card: 0 4px 16px rgba(15, 42, 74, 0.06);
  --shadow-card-hover: 0 8px 24px rgba(15, 42, 74, 0.1);
  --shadow-cta: 0 4px 12px rgba(232, 116, 60, 0.25);
}