/* ============================================================
   GENERATED THEME — Auto-generated from config/theme.js
   DO NOT EDIT DIRECTLY — run: node config/theme.js
   ============================================================ */

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

:root {
  /* ── Generated Primary Shades ──────────────────────────── */
  --color-primary-50:  #f1f5fe;
  --color-primary-100: #e3ebfc;
  --color-primary-200: #c2d4f9;
  --color-primary-300: #8faff5;
  --color-primary-400: #5284ef;
  --color-primary-500: #1659e9;
  --color-primary-600: #1147bb;
  --color-primary-700: #0e3995;
  --color-primary-800: #0a2b70;
  --color-primary-900: #071c4b;

  /* ── Generated Secondary Shades ────────────────────────── */
  --color-secondary-50:  #f2fdf6;
  --color-secondary-100: #e4fbed;
  --color-secondary-200: #c5f7d7;
  --color-secondary-300: #93f0b5;
  --color-secondary-400: #59e88e;
  --color-secondary-500: #1fe066;
  --color-secondary-600: #18b451;
  --color-secondary-700: #149041;
  --color-secondary-800: #0f6c31;
  --color-secondary-900: #0a4821;

  /* ── Semantic Overrides ─────────────────────────────────── */
  --color-brand:       #1147bb;
  --color-brand-hover: #0e3995;
  --color-brand-active:#0a2b70;
  --color-brand-subtle:#f1f5fe;
  --color-brand-border:#c2d4f9;
  --color-on-brand:    #ffffff;

  --color-accent:      #1fe066;
  --color-accent-hover:#18b451;
  --color-accent-subtle:#f2fdf6;
  --color-on-accent:   #0f172a;

  /* ── Typography ─────────────────────────────────────────── */
  --font-sans:  'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-serif: 'Georgia', 'Times New Roman', serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', monospace;

  /* ── Layout ─────────────────────────────────────────────── */
  --container-max: 1280px;
  --section-padding-y: clamp(3rem, 5vw, 6rem);

  /* ── Site Name ──────────────────────────────────────────── */
  --site-name: "Acme Corp";
}