/* Cubino design tokens — Admin + VR shared language */
:root {
  --cubino-navy: #14213d;
  /* Accent is navy (same family as header / primary buttons) — name kept for compat */
  --cubino-teal: #14213d;
  --cubino-teal-soft: #243556;
  --cubino-accent-rgb: 20, 33, 61;
  --cubino-bg: #f4f7f6;
  --cubino-surface: #ffffff;
  --cubino-ink: #17212f;
  --cubino-muted: #5b6b7a;
  --cubino-line: rgba(20, 33, 61, 0.08);
  --cubino-danger: #dc2626;
  --cubino-success: #059669;
  --cubino-warning: #d97706;

  --cubino-radius-sm: 0.65rem;
  --cubino-radius: 1rem;
  --cubino-radius-lg: 1.35rem;
  --cubino-radius-xl: 1.75rem;
  --cubino-radius-pill: 999px;

  --cubino-shadow-sm: 0 4px 14px rgba(20, 33, 61, 0.05);
  --cubino-shadow: 0 12px 32px rgba(20, 33, 61, 0.08);
  --cubino-shadow-lg: 0 20px 48px rgba(20, 33, 61, 0.12);

  --cubino-space-1: 0.25rem;
  --cubino-space-2: 0.5rem;
  --cubino-space-3: 0.75rem;
  --cubino-space-4: 1rem;
  --cubino-space-5: 1.5rem;
  --cubino-space-6: 2rem;

  --cubino-font: "Estedad-VF", Tahoma, sans-serif;
  --cubino-text-display: clamp(1.75rem, 3.5vw, 2.75rem);
  --cubino-text-title: 1.25rem;
  --cubino-text-body: 0.95rem;
  --cubino-text-caption: 0.8rem;

  --cubino-ease: 180ms ease;
  --cubino-touch-min: 2.75rem;

  /* Legacy aliases used across Admin pages */
  --dash-ink: var(--cubino-ink);
  --dash-muted: var(--cubino-muted);
  --dash-line: var(--cubino-line);
  --dash-soft: var(--cubino-bg);
  --dash-cream: var(--cubino-surface);
  --dash-teal: var(--cubino-teal);
  --dash-gold: var(--cubino-warning);
  --dash-coral: var(--cubino-danger);
  --dash-navy: var(--cubino-navy);
  --dash-primary-bg: var(--cubino-navy);
  --dash-primary-fg: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cubino-ease: 0ms;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}