/* ==========================================================================
   Rensora Design System — shadow, light and motion tokens
   Source: "Rensora Design System final" (project/tokens.css).

   Durations: the design system's README specifies motion of 120–340ms
   (fast / base / slow below), dropping to 0ms for visitors who prefer reduced
   motion. Its exported tokens.json currently lists 0ms for all three — that is
   the reduced-motion value carried over by its migration, not the default.
   Custom properties only; nothing here styles an element.
   ========================================================================== */
:root {
  /* Elevation — cool-tinted, restrained */
  --shadow-xs: 0 1px 2px rgba(11, 16, 32, .06);
  --shadow-sm: 0 1px 3px rgba(11, 16, 32, .08), 0 1px 2px rgba(11, 16, 32, .04);
  --shadow-md: 0 6px 18px -6px rgba(11, 16, 32, .12), 0 2px 6px rgba(11, 16, 32, .06);
  --shadow-lg: 0 18px 40px -12px rgba(11, 16, 32, .16), 0 6px 14px rgba(11, 16, 32, .06);
  --shadow-focus: 0 0 0 3px rgba(0, 119, 255, .40);
  --shadow-spotlight: 0 24px 60px -18px rgba(0, 0, 0, .55);

  /* Directional light — one ray per composition */
  --ray-blue: linear-gradient(120deg, rgba(53, 200, 255, .18), rgba(0, 119, 255, .06) 40%, transparent 72%);
  --ray-indigo: linear-gradient(120deg, rgba(99, 102, 241, .20), rgba(99, 102, 241, .05) 45%, transparent 75%);
  --ray-teal: linear-gradient(120deg, rgba(0, 194, 178, .20), rgba(0, 194, 178, .05) 45%, transparent 75%);
  --wash-enterprise: radial-gradient(1200px 600px at 85% -10%, rgba(53, 200, 255, .10), transparent 60%);

  /* Motion */
  --ease-standard: cubic-bezier(.22, .61, .36, 1);
  --ease-entrance: cubic-bezier(.16, .84, .44, 1);
  --ease-exit: cubic-bezier(.4, 0, .7, .2);
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-slow: 340ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-base: 0ms;
    --dur-slow: 0ms;
  }
}