/* DojoConnect Unified UI design tokens. */
:root {
  --dc-brand-primary: #1e40af;
  --dc-brand-primary-hover: #1e3a8a;
  --dc-brand-primary-tint: #eef2ff;
  --dc-on-primary: #ffffff;
  --dc-brand-accent: #f59e0b;
  --dc-brand-accent-tint: #fef3c7;

  --dc-success: #16a34a;
  --dc-success-hover: #15803d;
  --dc-success-tint: #dcfce7;
  --dc-success-text: #166534;
  --dc-on-success: #ffffff;
  --dc-warning: #f59e0b;
  --dc-warning-tint: #fef3c7;
  --dc-warning-text: #92400e;
  --dc-danger: #dc2626;
  --dc-danger-tint: #fee2e2;
  --dc-danger-text: #991b1b;
  --dc-on-danger: #ffffff;
  --dc-info: #0ea5e9;
  --dc-info-tint: #e0f2fe;
  --dc-info-text: #075985;

  --dc-support-blue: #2563eb;
  --dc-support-blue-tint: #eff6ff;
  --dc-support-blue-text: #1d4ed8;
  --dc-support-green: #0f766e;
  --dc-support-green-tint: #ecfdf5;
  --dc-support-green-text: #047857;
  --dc-support-purple: #7c3aed;
  --dc-support-purple-tint: #f3e8ff;
  --dc-support-purple-text: #6d28d9;
  --dc-support-amber: #d97706;
  --dc-support-amber-tint: #fff7ed;
  --dc-support-amber-text: #9a3412;

  --dc-ink-900: #0f172a;
  --dc-ink-800: #1e293b;
  --dc-ink-700: #334155;
  --dc-ink-600: #475569;
  --dc-ink-500: #64748b;
  --dc-ink-400: #94a3b8;
  --dc-ink-300: #cbd5e1;
  --dc-ink-200: #e2e8f0;
  --dc-ink-100: #f1f5f9;
  --dc-ink-50: #f8fafc;
  --dc-white: #ffffff;

  --dc-surface: var(--dc-white);
  --dc-surface-sunken: var(--dc-ink-50);
  --dc-surface-raised: var(--dc-white);
  --dc-surface-overlay: rgba(15, 23, 42, 0.6);

  --dc-font-display: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dc-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dc-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --dc-text-xs: 0.75rem;
  --dc-text-sm: 0.875rem;
  --dc-text-base: 1rem;
  --dc-text-lg: 1.125rem;
  --dc-text-xl: 1.5rem;
  --dc-text-2xl: 2rem;

  --dc-leading-tight: 1.25;
  --dc-leading-normal: 1.5;
  --dc-leading-loose: 1.75;
  --dc-tracking-normal: 0;
  --dc-tracking-wide: 0.04em;
  --dc-tracking-widest: 0.08em;

  --dc-space-1: 0.25rem;
  --dc-space-2: 0.5rem;
  --dc-space-3: 0.75rem;
  --dc-space-4: 1rem;
  --dc-space-5: 1.25rem;
  --dc-space-6: 1.5rem;
  --dc-space-8: 2rem;
  --dc-space-10: 2.5rem;
  --dc-space-12: 3rem;

  --dc-radius-sm: 6px;
  --dc-radius-md: 8px;
  --dc-radius-lg: 12px;
  --dc-radius-pill: 999px;

  --dc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --dc-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --dc-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --dc-shadow-focus: 0 0 0 3px rgba(30, 64, 175, 0.18);

  --dc-sidebar-width: 248px;
  --dc-sidebar-width-collapsed: 64px;
  --dc-topbar-height: 60px;
  --dc-content-max-width: 1440px;
  --dc-content-padding-x: var(--dc-space-8);
  --dc-content-padding-y: var(--dc-space-6);

  --dc-transition-fast: 0.12s ease;
  --dc-transition-base: 0.18s ease;
  --dc-transition-slow: 0.28s ease;

  --dc-z-sidebar: 10;
  --dc-z-topbar: 20;
  --dc-z-dropdown: 50;
  --dc-z-modal: 100;
  --dc-z-toast: 150;
}

[data-dc-theme="dark"] {
  --dc-ink-900: #f8fafc;
  --dc-ink-800: #f1f5f9;
  --dc-ink-700: #e2e8f0;
  --dc-ink-600: #cbd5e1;
  --dc-ink-500: #94a3b8;
  --dc-ink-400: #64748b;
  --dc-ink-300: #475569;
  --dc-ink-200: #334155;
  --dc-ink-100: #1e293b;
  --dc-ink-50: #0f172a;
  --dc-white: #1e293b;
  --dc-surface: #1e293b;
  --dc-surface-sunken: #0f172a;
  --dc-surface-raised: #334155;
  --dc-brand-primary-tint: #1e3a8a;
}