/* QUISO LAB — Effects: radii, borders, shadows, motion, texture.
   The identity is geometric and flat. Corners are nearly square (2px);
   shadows are used sparingly. Nothing is excessive — everything has function. */
:root{
  /* Corner radius — the brand's signature is 2px, almost square. Pills only for tags/toggles. */
  --radius-none:0;
  --radius-sm:2px;      /* default — cards, inputs, buttons */
  --radius-md:4px;
  --radius-lg:8px;      /* larger media panels only */
  --radius-pill:999px;  /* tags, switches */

  /* Border widths */
  --border-1:1px;
  --border-2:2px;       /* the gold rule; strong emphasis borders */

  /* Shadows — restrained, cool, low-spread. Rarely used on the flat identity. */
  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(26,26,26,.06);
  --shadow-md:0 4px 16px rgba(26,26,26,.08);
  --shadow-lg:0 12px 32px rgba(26,26,26,.12);
  --shadow-focus:0 0 0 3px rgba(255,209,0,.45);  /* gold focus ring */

  /* Motion — smooth, precise, no bounce. */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --dur-fast:120ms;
  --dur-base:200ms;
  --dur-slow:600ms;

  /* The "rule" — a 2px gold bar used as a section marker */
  --rule-color:var(--qs-gold);
  --rule-height:2px;
}