/* Sharp corners are the rule. Radius is reserved for pills and photos. */
:root {
  --radius-none: 0px;
  --radius-hair: 2px;
  --radius-media: 4px;
  --radius-pill: 999px;

  --border-hair: 1px;
  --border-thick: 2px;
  --rule-accent: 3px; /* left/top accent bar on active items */

  /* Shadows are near-absent. Depth comes from substrate steps + hairlines. */
  --shadow-none: none;
  --shadow-lift: 0 1px 0 0 var(--line-1);
  --shadow-panel: 0 24px 48px -24px rgba(0, 0, 0, 0.7);
  --shadow-accent-glow: 0 0 0 1px var(--oxide-tint-24);

  --inset-hairline: inset 0 0 0 1px var(--line-1);
  --inset-hairline-accent: inset 0 0 0 1px var(--oxide-500);

  /* Motion — short, linear-ish, no bounce */
  --ease-out: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */

  --blur-veil: blur(14px); /* @kind other */
  --veil-page: rgba(11, 11, 12, 0.72);
  --scrim-bottom: linear-gradient(to top, var(--ink-950) 0%, rgba(11, 11, 12, 0) 100%);
}