/* Wedget design tokens — light SaaS brand.
 * Three layers: primitive -> semantic -> component.
 * Source of truth: the Wedget.app dc-runtime export (primary #2563eb, ink #0f172a,
 * Plus Jakarta Sans / Figtree). Loaded by EVERY Wedget page. No inline styles anywhere. */
:root{
  /* ---- primitive: blues ---- */
  --blue-50:#eff6ff;  --blue-100:#dbe7fe; --blue-200:#bfdbfe; --blue-300:#c7d8fb;
  --blue-500:#3b82f6; --blue-600:#2563eb; --blue-700:#1d4ed8; --blue-800:#1e40af;
  /* ---- primitive: slate / ink ---- */
  --ink:#0f172a; --slate-800:#1f2937; --slate-700:#334155; --slate-600:#475569;
  --slate-500:#64748b; --slate-400:#94a3b8; --slate-300:#cbd5e1;
  /* ---- primitive: surfaces & hairlines ---- */
  --white:#ffffff; --surface-1:#f8fafc; --surface-2:#fbfcfe; --surface-3:#f7f9fc; --surface-4:#f1f5f9;
  --border:#e2e8f0; --border-2:#e8edf4; --border-3:#eef1f6; --border-blue:#dbe7fe; --border-blue-2:#d6e0ee;
  /* ---- primitive: status ---- */
  --green-50:#d8f3e3; --green-500:#22c55e; --green-600:#16a34a; --green-700:#15803d;
  --amber-50:#fde7d6; --amber:#f6c149; --amber-700:#c2640f;
  --red-50:#fef2f2; --red-500:#ef4444; --red-600:#dc2626;

  /* ---- semantic ---- */
  --color-primary:var(--blue-600);
  --color-primary-hover:var(--blue-700);
  --color-primary-soft:var(--blue-50);
  --color-primary-soft-border:var(--blue-100);
  --color-accent:var(--amber);
  --color-success:var(--green-600);
  --color-danger:var(--red-600);

  --text-strong:var(--ink);
  --text:var(--slate-700);
  --text-muted:var(--slate-500);
  --text-faint:var(--slate-400);
  --text-on-primary:#ffffff;

  --bg-page:var(--surface-1);
  --bg-card:var(--white);
  --bg-subtle:var(--surface-2);
  --bg-inset:var(--surface-4);
  --hairline:var(--border);
  --hairline-soft:var(--border-2);

  /* ---- radii ---- */
  --r-xs:6px; --r-sm:10px; --r:12px; --r-md:14px; --r-lg:16px; --r-xl:18px; --r-2xl:24px; --r-pill:999px;

  /* ---- shadows ---- */
  --shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:0 1px 2px rgba(15,23,42,.04),0 4px 10px -6px rgba(15,23,42,.12);
  --shadow-card:0 1px 2px rgba(15,23,42,.05),0 12px 28px -18px rgba(15,23,42,.22);
  --shadow-pop:0 18px 44px -20px rgba(15,23,42,.30),0 8px 18px -12px rgba(15,23,42,.18);
  --shadow-hero:0 30px 70px -28px rgba(15,23,42,.32);
  --shadow-btn:0 6px 16px -6px rgba(37,99,235,.45);
  --shadow-btn-sm:0 4px 12px rgba(37,99,235,.25);
  --ring:0 0 0 3px rgba(37,99,235,.18);

  /* ---- typography ---- */
  --font-head:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-body:"Figtree",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --fw-reg:400; --fw-med:500; --fw-semi:600; --fw-bold:700; --fw-x:800;

  /* ---- spacing scale ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px;

  /* ---- layout ---- */
  --container:1180px;
  --header-h:64px;
}