/* ═══════════════════════════════════════════════════════════════
   WAKA ORBIT — EFFECTS: RADIUS · SHADOW · TRANSITION · GRADIENT
   The signature trait: SHARP corners everywhere (radius 0). The only
   curved things are pills (status dots, avatars) and the brand ring.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Radius ── (Orbit is square — radius 0 is the rule) */
  --radius-none: 0px;
  --radius-sm:   2px;     /* rare: tiny nicety on micro-tags */
  --radius-pill: 9999px;  /* dots, avatars, toggles */

  /* ── Elevation (shadows still used despite square corners) ── */
  --shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-card:  0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-panel: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-modal: 0 24px 80px rgba(0, 0, 0, 0.40);
  --shadow-glow:  0 0 20px var(--orbit-orange-glow);   /* focus / active brand glow */

  /* Focus ring (3px orange wash) */
  --focus-ring: 0 0 0 3px rgba(232, 131, 42, 0.10);

  /* ── Motion ── */
  --transition-fast:  0.2s ease; /* @kind other */
  --transition:       0.3s ease; /* @kind other */
  --transition-slow:  0.5s cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-emphasis:    cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */

  /* ── Signature gradients ── */
  /* warm CTA gradient (orange → gold) */
  --gradient-gold: linear-gradient(135deg, var(--orbit-orange), var(--orbit-gold));
  /* the tri-colour "spectrum" accent line (orange → cyan → blue) */
  --gradient-spectrum: linear-gradient(90deg, var(--orbit-orange), var(--orbit-cyan), var(--orbit-blue));
  /* login / hero wash */
  --gradient-cosmos: linear-gradient(135deg, #1A1A1E 0%, #1E1E24 50%, #222230 100%); /* @kind other */
}