/* ════════════════════════════════════════════════════════════
   FocusedAI — Shared Theme (design tokens + reset)
   Single source of truth for the site's light, blue, digital-forward
   look. Linked first by every page; page-specific styles follow.
   ════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* ── surfaces (mid-white) ── */
  --c-bg: #e7edf4;
  --c-bg2: #eef3f9;
  --c-surface: #ffffff;
  --c-surface2: #f4f8fd;

  /* ── ink / text ── */
  --c-ink: #0f1b2d;
  --c-text: #1b2740;
  --c-muted: #5d6b80;
  --c-dim: #cdd8e6;

  /* ── borders ── */
  --c-border: rgba(37,99,235,0.16);
  --c-border2: rgba(37,99,235,0.08);

  /* ── blue accent family ── */
  --c-cyan: #0ea5e9;
  --c-blue: #2563eb;
  --c-blue2: #3b82f6;
  --c-indigo: #4f46e5;
  --c-violet: #4f46e5;
  --c-violet-deep: #4338ca;

  /* ── gradients ── */
  --grad-hero: linear-gradient(135deg, #0ea5e9 0%, #2563eb 55%, #4f46e5 100%);
  --grad-blue: linear-gradient(135deg, #0ea5e9 0%, #2563eb 55%, #4f46e5 100%);
  --grad-teach: linear-gradient(135deg, #0ea5e9 0%, #0891b2 100%);
  --grad-build: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  --grad-dev: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);

  /* ── elevation ── */
  --shadow-sm: 0 2px 10px rgba(15,27,45,0.06);
  --shadow-md: 0 12px 34px -12px rgba(37,99,235,0.22);
  --shadow-lg: 0 26px 60px -22px rgba(37,99,235,0.30);

  /* ── type & layout ── */
  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
  --maxw: 1200px;
}