/**
 * QRco.au Enterprise Brand System v2 — CSS Tokens
 * Product-first rollout source of truth for workspace v2.
 */
:root {
  --qr-teal: #00C4BC;
  --qr-teal-hi: #00DDD4;
  --qr-teal-lo: #009991;
  --qr-cyan: #00B8D4;
  --qr-navy: #0B1828;
  --qr-navy-2: #1A3A5C;
  --qr-navy-3: #243B55;
  --qr-surface: #F4F7F9;
  --qr-surface-2: #EBF0F4;
  --qr-white: #FFFFFF;
  --qr-border: #D8E3EA;
  --qr-border-2: #C4D2DC;
  --qr-text-1: #0B1828;
  --qr-text-2: #3B5268;
  --qr-text-3: #637A8E;
  --qr-text-4: #94A6B5;
  --qr-success: #0EA371;
  --qr-warn: #D97706;
  --qr-error: #DC2626;
  --qr-info: #2563EB;

  --qr-font-ui: 'DM Sans', system-ui, sans-serif;
  --qr-font-mono: 'DM Mono', 'Consolas', monospace;
  --qr-font-disp: 'Fraunces', Georgia, serif;

  --qr-nav-h: 48px;
  --qr-sidebar-w: 200px;
  --qr-sidebar-w-lg: 240px;
  --qr-content-max: 1160px;

  --qr-r-sm: 4px;
  --qr-r-md: 6px;
  --qr-r-lg: 10px;
  --qr-r-xl: 14px;
  --qr-r-pill: 9999px;

  --qr-input-h: 34px;
  --qr-table-row-h: 44px;
  --qr-btn-h-sm: 30px;
  --qr-btn-h-md: 36px;
  --qr-btn-h-lg: 44px;

  --qr-sh-sm: 0 1px 3px rgba(11, 24, 40, 0.06), 0 1px 2px rgba(11, 24, 40, 0.04);
  --qr-sh-md: 0 2px 8px rgba(11, 24, 40, 0.08), 0 1px 3px rgba(11, 24, 40, 0.05);
  --qr-sh-lg: 0 4px 20px rgba(11, 24, 40, 0.10), 0 2px 6px rgba(11, 24, 40, 0.06);

  --qr-focus-ring: 0 0 0 3px rgba(0, 196, 188, 0.12);
  --qr-transition: 150ms ease;
  --qr-transition-sl: 300ms ease;
  --qr-skeleton-from: #D8E3EA;
  --qr-skeleton-to: #EBF0F4;
}

@keyframes qr-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.qr-skeleton {
  background: linear-gradient(90deg, var(--qr-skeleton-from) 0%, var(--qr-skeleton-to) 50%, var(--qr-skeleton-from) 100%);
  background-size: 200% 100%;
  animation: qr-shimmer 1.4s ease-in-out infinite;
  border-radius: var(--qr-r-sm);
}