/* SinParty — Radii, borders, shadows, effects.
   Values transcribed verbatim from the file (10px button radius, etc.). */

:root {
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 10px;    /* buttons, small cards (file default) */
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 999px; /* category chips, promo pills */
  --radius-circle: 50%;

  --border-width: 1px;
  --border-width-2: 2px;

  /* Shadows — the file leans on soft near-black drops */
  --shadow-sm: 0 1px 2px var(--sp-black-a06);
  --shadow-card: 0 4px 16px var(--sp-black-a40);
  --shadow-raised: 0 8px 24px var(--sp-black-a60);
  --shadow-glow-magenta: 0 0 0 1px var(--sp-magenta-500), 0 0 16px rgba(214, 82, 174, 0.35);
  --shadow-glow-gold: 0 0 12px rgba(231, 192, 113, 0.45);

  /* Scrims / protection gradients over imagery */
  --scrim-bottom: linear-gradient(to top, var(--sp-black-a60), transparent 60%); /* @kind other */
  --scrim-tile: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 55%); /* @kind other */

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-med: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
}