/* Shape + surface language — the Stria rebrand: soft radii, glass, inner glow.
   Never pill on buttons, never sharp. Glass and glow ARE the look now. */
:root {
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;   /* inputs, buttons */
  --radius-lg: 16px;   /* cards */
  --radius-xl: 22px;   /* glass panels, media */
  --radius-2xl: 30px;  /* hero surfaces, big glass */
  --radius-full: 999px; /* badges, avatars, dots — never buttons */

  --border-width: 1px;
  --border-width-strong: 1.5px;

  /* ---- liquid glass: the core surface treatment. Heavy blur, lit edges, real depth. ---- */
  --glass-blur: saturate(180%) blur(28px); /* @kind other */
  --glass-blur-strong: saturate(200%) blur(48px); /* @kind other */
  /* the standard frosted panel: fill + hairline + lit top edge + lift */
  --glass-shadow: 0 28px 70px -24px rgba(20, 2, 8, 0.7); /* @kind other */
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.18); /* @kind other */
  --glass-edge-strong: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.06); /* @kind other */
  /* the full liquid-glass panel, one token */
  --glass-panel: var(--glass-edge), var(--glass-shadow); /* @kind other */

  /* ---- glow: subtle inner glow, restrained and premium ---- */
  --glow-inner: inset 0 1px 24px -6px rgba(255, 53, 70, 0.35); /* @kind other */
  --glow-crimson: 0 0 24px -2px rgba(255, 53, 70, 0.45); /* @kind other */
  --glow-crimson-soft: 0 0 40px -8px rgba(255, 53, 70, 0.35); /* @kind other */
  --glow-text: 0 0 18px rgba(255, 53, 70, 0.5); /* @kind other */

  --shadow-inset-hairline: inset 0 0 0 1px rgba(255, 143, 156, 0.14);
  --shadow-red: 0 12px 36px -12px rgba(224, 23, 51, 0.45);

  --blur-panel: var(--glass-blur); /* @kind other */

  /* ---- striations: the signature motif. Smooth flowing fibers. ---- */
  --stria-stroke: 2px;
  --stria-gap: 14px;      /* rhythm between fibers */
  --stria-glow: var(--glow-crimson-soft); /* @kind other */
}