/* ============================================================
   Today Tabien — Radii, Shadows, Borders, Motion
   ============================================================ */

:root {
  /* ---- Corner radii (restrained — premium, not bubbly) ---- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --radius-plate: 10px;   /* license-plate corner */

  /* ---- Shadows (warm, soft — never harsh black) ---- */
  --shadow-xs: 0 1px 2px rgba(15,36,25,0.06);
  --shadow-sm: 0 2px 8px rgba(15,36,25,0.08);
  --shadow-md: 0 8px 24px rgba(15,36,25,0.10);
  --shadow-lg: 0 18px 48px rgba(15,36,25,0.16);
  --shadow-gold: 0 6px 20px rgba(194,161,77,0.32);
  --shadow-inset-plate: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -2px 6px rgba(15,36,25,0.10);

  /* ---- Borders ---- */
  --border-width: 1px; /* @kind spacing */
  --border-width-strong: 2px; /* @kind spacing */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}

/* Dark theme — deepen shadows toward black so elevation still reads
   against the green-black surfaces. */
[data-theme="dark"] {
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.40);
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.45);
  --shadow-md: 0 10px 30px rgba(0,0,0,0.50);
  --shadow-lg: 0 22px 56px rgba(0,0,0,0.60);
  --shadow-gold: 0 6px 24px rgba(194,161,77,0.40);
  --shadow-inset-plate: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -2px 6px rgba(15,36,25,0.18);
}