/* Sovereign — Radius, Elevation & Motion (Geist foundation) */

:root {
  /* ---- Radius · sharp edges, one pill ---- */
  --radius-xs: 4px;      /* inputs, chips */
  --radius-sm: 6px;      /* buttons (default) */
  --radius-md: 8px;      /* small cards */
  --radius-lg: 12px;     /* cards, panels */
  --radius-xl: 16px;     /* feature tiles */
  --radius-full: 9999px; /* CTA, badges, status dots */

  /* ---- Elevation · border-first, shadow-as-border ----
     A zero-offset, zero-blur, 1px-spread shadow stands in for a border so corners
     round without clipping. Real drop shadows only on transient overlays. */
  --shadow-border: 0 0 0 1px rgba(0,0,0,0.08);
  --shadow-sm: 0 0 0 1px rgba(0,0,0,0.06), 0 2px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 0 0 1px rgba(0,0,0,0.06), 0 4px 8px rgba(0,0,0,0.06), 0 8px 24px -8px rgba(0,0,0,0.08);
  --shadow-lg: 0 0 0 1px rgba(0,0,0,0.06), 0 12px 32px -4px rgba(0,0,0,0.12), 0 24px 48px -12px rgba(0,0,0,0.10);

  /* ---- Motion · explains, never entertains ---- */
  --motion-instant: 100ms; /* @kind other */
  --motion-fast: 150ms;    /* @kind other */
  --motion-base: 200ms;    /* @kind other */
  --motion-slow: 260ms;    /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
}

[data-theme="dark"] {
  --shadow-border: 0 0 0 1px rgba(255,255,255,0.10);
  --shadow-sm: 0 0 0 1px rgba(255,255,255,0.08), 0 2px 2px rgba(0,0,0,0.30);
  --shadow-md: 0 0 0 1px rgba(255,255,255,0.08), 0 8px 24px -8px rgba(0,0,0,0.50);
  --shadow-lg: 0 0 0 1px rgba(255,255,255,0.08), 0 24px 48px -12px rgba(0,0,0,0.60);
}