/* ═══════════════════════════════════════════════════════
   NORARA — Effects: shadows, motion, z-index
   Light shadows are soft & low-contrast (Toss feel).
   Dark-console shadows are deeper. Brand glow for emphasis.
   ═══════════════════════════════════════════════════════ */
:root {
  /* ── Elevation (light) — 5 steps ──────────────────── */
  --shadow-xs: 0 1px 2px rgba(16,24,40,0.05);
  --shadow-sm: 0 1px 3px rgba(16,24,40,0.10), 0 1px 2px rgba(16,24,40,0.06);
  --shadow-md: 0 4px 8px -2px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.06);
  --shadow-lg: 0 12px 16px -4px rgba(16,24,40,0.08), 0 4px 6px -2px rgba(16,24,40,0.03);
  --shadow-xl: 0 20px 24px -4px rgba(16,24,40,0.08), 0 8px 8px -4px rgba(16,24,40,0.03);

  /* Soft card shadow (default surface lift) */
  --shadow-card:       0 2px 8px rgba(0,0,0,0.04), 0 0 1px rgba(0,0,0,0.06);
  --shadow-card-hover: 0 4px 20px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.06);

  /* Inset (inputs) */
  --shadow-input: inset 0 1px 2px rgba(0,0,0,0.06);

  /* Brand glow — focus rings & premium accents */
  --glow-brand:    0 0 0 3px rgba(var(--brand-rgb), 0.25);   /* @kind shadow */
  --glow-brand-sm: 0 0 12px rgba(var(--brand-rgb), 0.15);    /* @kind shadow */
  --glow-brand-md: 0 0 24px rgba(var(--brand-rgb), 0.20);    /* @kind shadow */

  /* ── Motion — durations ───────────────────────────── */
  --dur-fast:   150ms;  /* @kind other */ /* micro-interactions (default) */
  --dur-base:   200ms;  /* @kind other */ /* standard UI feedback */
  --dur-slow:   300ms;  /* @kind other */ /* panels, modals */
  --dur-slower: 400ms;  /* @kind other */ /* slide-overs */

  /* ── Motion — easing ──────────────────────────────── */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);  /* @kind other */
  --ease-snap:   cubic-bezier(0.25, 0.46, 0.45, 0.94);  /* @kind other */
  --ease-enter:  cubic-bezier(0, 0, 0.2, 1);        /* @kind other */
  --ease-exit:   cubic-bezier(0.4, 0, 1, 1);        /* @kind other */
  --transition:  all var(--dur-fast) var(--ease-smooth);  /* @kind other */

  /* ── z-index layers ───────────────────────────────── */
  --z-dropdown: 10;  /* @kind other */
  --z-sticky:   20;  /* @kind other */
  --z-fixed:    30;  /* @kind other */
  --z-overlay:  40;  /* @kind other */
  --z-modal:    50;  /* @kind other */
  --z-popover:  55;  /* @kind other */
  --z-toast:    60;  /* @kind other */
}

/* Dark console — deeper shadows */
.admin-dark {
  --shadow-card:       0 2px 8px rgba(0,0,0,0.40);
  --shadow-card-hover: 0 4px 20px rgba(0,0,0,0.50);
  --shadow-input:      inset 0 1px 2px rgba(0,0,0,0.30);
}

/* ── Signature keyframes ─────────────────────────────── */
@keyframes nr-fade-in      { from { opacity: 0; } to { opacity: 1; } }
@keyframes nr-fade-in-up   { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes nr-slide-up     { from { opacity: 0; transform: translateY(8px); }  to { opacity: 1; transform: none; } }
@keyframes nr-scale-in     { from { opacity: 0; transform: scale(0.96); }       to { opacity: 1; transform: none; } }
@keyframes nr-shimmer      { from { background-position: -200% 0; } to { background-position: 200% 0; } }
@keyframes nr-spin         { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}