/* HUGLE Design System 2.0 — Design tokens */
:root {
  color-scheme: dark;
  --hg-midnight: #0B0F14;
  --hg-surface: #111925;
  --hg-surface-2: #17243A;
  --hg-surface-3: #1D2B42;
  --hg-border: rgba(170,181,197,.18);
  --hg-border-strong: rgba(170,181,197,.30);
  --hg-text: #F5F7FA;
  --hg-text-muted: #AAB5C5;
  --hg-text-subtle: #748399;
  --hg-blue: #4285F4;
  --hg-blue-bright: #20B8FF;
  --hg-purple: #9B7BDB;
  --hg-green: #28B995;
  --hg-amber: #E3A64B;
  --hg-danger: #F16B75;
  --hg-warning: #E3A64B;
  --hg-success: #28B995;
  --hg-info: #4285F4;

  --hg-crm: #4285F4;
  --hg-studio: #9B7BDB;
  --hg-business: #28B995;
  --hg-core: #E3A64B;

  --hg-gradient-brand: linear-gradient(115deg, #176BFF 0%, #20B8FF 48%, #9B7BDB 100%);
  --hg-gradient-core: linear-gradient(115deg, #F6C56B 0%, #E3A64B 52%, #B96B24 100%);
  --hg-gradient-surface: linear-gradient(145deg, rgba(31,49,75,.94), rgba(13,19,29,.98));

  --hg-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hg-font-display: Manrope, var(--hg-font-sans);
  --hg-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;

  --hg-radius-xs: 6px;
  --hg-radius-sm: 10px;
  --hg-radius-md: 14px;
  --hg-radius-lg: 20px;
  --hg-radius-xl: 28px;
  --hg-radius-pill: 999px;

  --hg-space-1: 4px;
  --hg-space-2: 8px;
  --hg-space-3: 12px;
  --hg-space-4: 16px;
  --hg-space-5: 20px;
  --hg-space-6: 24px;
  --hg-space-8: 32px;
  --hg-space-10: 40px;
  --hg-space-12: 48px;
  --hg-space-16: 64px;

  --hg-shadow-card: 0 12px 36px rgba(0,0,0,.24);
  --hg-shadow-blue: 0 0 28px rgba(66,133,244,.20);
  --hg-shadow-purple: 0 0 28px rgba(155,123,219,.18);
  --hg-shadow-green: 0 0 28px rgba(40,185,149,.16);

  --hg-control-height: 44px;
  --hg-transition: 160ms ease;
  --hg-content-width: 1440px;
}

[data-theme="light"] {
  color-scheme: light;
  --hg-midnight: #F3F6FB;
  --hg-surface: #FFFFFF;
  --hg-surface-2: #F3F6FB;
  --hg-surface-3: #E9EFF8;
  --hg-border: rgba(23,36,58,.12);
  --hg-border-strong: rgba(23,36,58,.22);
  --hg-text: #17243A;
  --hg-text-muted: #52627A;
  --hg-text-subtle: #718096;
  --hg-gradient-surface: linear-gradient(145deg, #FFFFFF, #F3F6FB);
  --hg-shadow-card: 0 12px 36px rgba(23,36,58,.08);
}