/* RedSeed — Radius, borders & effects.
   Soft rounded corners; hairline rules, not boxes; avoid hard drop-shadows. */
:root{
  /* Corner radii — transcribed from the book's component specs */
  --rs-radius-pill:999px;
  --rs-radius-sm:8px;     /* small buttons, tags */
  --rs-radius-md:10px;    /* buttons, input fields */
  --rs-radius-card:14px;  /* cards */
  --rs-radius-tile:16px;  /* tiles, panels */
  --rs-radius-panel:18px; /* large panels */
  --rs-icon-radius:2px;   /* icon corner softening */

  /* Borders */
  --rs-border-hairline:1px solid var(--rs-hairline);
  --rs-border-strong:1.5px solid var(--rs-ink);
  --rs-border-card:1px solid var(--rs-ink);
  --rs-icon-stroke:2px;

  /* Shadows — used softly and rarely; colour blocks do the work */
  --rs-shadow-soft:0 1px 2px rgba(18,18,18,0.04),0 8px 24px rgba(18,18,18,0.06);
  --rs-shadow-raised:0 2px 8px rgba(18,18,18,0.06),0 16px 40px rgba(18,18,18,0.08);

  /* Focus ring — accessibility is built in */
  --rs-focus-ring:0 0 0 3px rgba(19,108,81,0.4);

  /* Motion — calm, human; ease, don't bounce */
  --rs-ease:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --rs-duration:200ms; /* @kind other */

  /* Bloom — RedSeed's signature soft mesh gradient (not hard bands).
     A deep colour grounds it; softer/warmer colours bloom through.
     Reproduced from the book's "Gradients" page (deep-bloom variant). */
  --rs-bloom-deep:
    radial-gradient(60% 80% at 18% 12%, rgba(233,184,222,0.85), transparent 60%),
    radial-gradient(55% 75% at 85% 22%, rgba(185,125,168,0.75), transparent 62%),
    radial-gradient(70% 90% at 72% 88%, rgba(19,108,81,0.8), transparent 60%),
    radial-gradient(60% 80% at 25% 92%, rgba(238,220,91,0.5), transparent 60%),
    var(--rs-deep-teal);
  --rs-bloom-warm:
    radial-gradient(60% 80% at 20% 18%, rgba(238,220,91,0.75), transparent 60%),
    radial-gradient(55% 70% at 82% 20%, rgba(232,155,108,0.7), transparent 62%),
    radial-gradient(70% 85% at 78% 85%, rgba(185,125,168,0.7), transparent 60%),
    var(--rs-journey-green);
  --rs-bloom-soft:
    radial-gradient(60% 80% at 20% 20%, rgba(233,184,222,0.7), transparent 62%),
    radial-gradient(60% 75% at 82% 30%, rgba(208,226,220,0.9), transparent 62%),
    radial-gradient(70% 85% at 75% 85%, rgba(238,220,91,0.4), transparent 60%),
    var(--rs-modern-bone);
  /* AI cue — the one place a gradient appears on a button/badge */
  --rs-gradient-ai:linear-gradient(90deg,var(--rs-deep-teal),var(--rs-journey-green));
}