/* ============================================================
   110s Design System - LAYER 1: TOKENS
   Option D (Digital Infrastructure). Single source of truth.
   v2 visual refresh: institutional palette, stronger type hierarchy.
   ============================================================ */
:root{
  /* ---- Color: brand ---- */
  --ds-bg:#FAFAF8;
  --ds-surface:#FFFFFF;
  --ds-ink:#0F172A;
  --ds-muted:#64748B;
  --ds-accent:#1D4ED8;
  --ds-accent-2:#1D4ED8;
  --ds-success:#166534;
  --ds-navy:#0F172A;
  --ds-navy-2:#1E293B;

  /* ---- Color: lines / borders ---- */
  --ds-line:#E2E8F0;
  --ds-line-soft:rgba(15,23,42,.05);
  --ds-line-dark:rgba(255,255,255,.12);
  --ds-muted-dark:#94A3B8;

  /* ---- Typography: families ---- */
  --ds-font-display:"Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --ds-font-body:"Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --ds-font-mono:"Geist Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;

  /* ---- Typography: modular scale (clamped, responsive) ---- */
  --ds-text-xs:0.75rem;
  --ds-text-sm:0.875rem;
  --ds-text-base:1rem;
  --ds-text-md:1.125rem;
  --ds-text-lg:clamp(1.2rem,1.6vw,1.45rem);
  --ds-text-xl:clamp(1.6rem,2.4vw,2.15rem);
  --ds-text-2xl:clamp(2.1rem,3.6vw,3rem);
  --ds-text-3xl:clamp(2.6rem,5vw,4.25rem);
  --ds-text-display:clamp(3rem,6.8vw,6.75rem);

  /* ---- Typography: weights / tracking / leading ---- */
  --ds-weight-regular:430;
  --ds-weight-medium:520;
  --ds-weight-semibold:620;
  --ds-weight-bold:700;
  --ds-track-tight:-0.04em;
  --ds-track-snug:-0.025em;
  --ds-track-normal:-0.011em;
  --ds-track-label:0.18em;
  --ds-leading-tight:1.0;
  --ds-leading-snug:1.18;
  --ds-leading-body:1.65;
  --ds-leading-relaxed:1.75;

  /* ---- Spacing: 8px base scale ---- */
  --ds-space-1:8px;
  --ds-space-2:16px;
  --ds-space-3:24px;
  --ds-space-4:32px;
  --ds-space-5:40px;
  --ds-space-6:48px;
  --ds-space-7:64px;
  --ds-space-8:80px;
  --ds-space-12:112px;
  --ds-space-16:144px;

  /* ---- Section rhythm ---- */
  --ds-section-y:clamp(88px,10vw,144px);
  --ds-container:1200px;
  --ds-gutter:32px;

  /* ---- Radii ---- */
  --ds-radius-sm:6px;
  --ds-radius-md:10px;
  --ds-radius-lg:14px;
  --ds-radius-xl:18px;
  --ds-radius-pill:100px;

  /* ---- Elevation (border-led; shadows minimal) ---- */
  --ds-shadow-card:0 1px 2px rgba(15,23,42,.04);
  --ds-shadow-raised:0 12px 32px -16px rgba(15,23,42,.18);
  --ds-shadow-accent:0 6px 18px -10px rgba(29,78,216,.45);

  /* ---- Motion ---- */
  --ds-ease:cubic-bezier(.2,.6,.2,1);
  --ds-dur-fast:.2s;
  --ds-dur:.3s;
  --ds-dur-slow:.9s;

  /* ---- Z-index ---- */
  --ds-z-nav:1000;
  --ds-z-overlay:1100;
}

/* Dark theme inversion (respects existing data-theme="night") */
[data-theme="night"]{
  --ds-bg:#0A0F1A;
  --ds-surface:#0F172A;
  --ds-ink:#F1F5F9;
  --ds-muted:#94A3B8;
  --ds-line:rgba(255,255,255,.12);
  --ds-line-soft:rgba(255,255,255,.06);
}