/* ============================================================
   THE SOURCE — ELEVATION, RADII & STRUCTURE
   Minimal & architectural. Sharp corners by default; shadows are
   restrained. No gradients, no glow. Structure comes from rules
   and clear space, not heavy effects.
   ============================================================ */
:root {
  /* ---- Corner radii — near-square, precise ---- */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;    /* default control radius */
  --radius-lg:   6px;
  --radius-pill: 999px;  /* avatars, status dots only */

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--border-subtle);
  --border-line:     1px solid var(--border-default);
  --border-ink:      1.5px solid var(--ts-tuxedo-black);
  /* The signature 25pt Royal Red image frame */
  --frame-red: 6px solid var(--ts-royal-red);

  /* ---- Shadows — sparing, low, neutral (no color) ---- */
  --shadow-none: none;
  --shadow-xs:  0 1px 2px rgba(23, 19, 19, 0.06);
  --shadow-sm:  0 1px 3px rgba(23, 19, 19, 0.10), 0 1px 2px rgba(23, 19, 19, 0.06);
  --shadow-md:  0 4px 16px rgba(23, 19, 19, 0.10);
  --shadow-lg:  0 12px 40px rgba(23, 19, 19, 0.14);

  /* ---- Motion — quick, decisive, no bounce ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */

  /* ---- Z ---- */
  --z-sticky: 100; /* @kind other */
  --z-overlay: 500; /* @kind other */
  --z-modal:  600; /* @kind other */
  --z-toast:  700; /* @kind other */
}