/* Design Tokens — ПравоАгент (ПравоТех light theme) */
:root {
    /* Colors — ПравоТех palette */
    --color-primary: #8c26ea;
    --color-primary-hover: rgb(84, 44, 157);
    --color-primary-light: rgb(243, 240, 252);
    --color-secondary: #eeff2d;

    --color-accent: #8c26ea;
    --color-accent-hover: rgb(84, 44, 157);
    --color-accent-light: rgb(243, 240, 252);

    --color-success: #059669;
    --color-success-bg: #d1fae5;
    --color-warning: #d97706;
    --color-warning-bg: #fef3c7;
    --color-danger: #dc2626;
    --color-danger-bg: #fee2e2;
    --color-info: #2563eb;
    --color-info-bg: #dbeafe;
    --color-test: #ea580c;
    --color-test-bg: #ffedd5;

    --color-neutral: #6b7280;
    --color-neutral-bg: #f3f4f6;

    /* Surfaces */
    --color-bg: #f5f5f5;
    --color-bg-alt: #ffffff;
    --color-bg-card: #ffffff;
    --color-bg-hover: rgb(243, 240, 252);
    --color-bg-input: #ffffff;

    /* Text */
    --color-text: #0d0628;
    --color-text-secondary: rgb(104, 100, 122);
    --color-text-muted: #9ca3af;

    /* Borders */
    --color-border: #e5e7eb;
    --color-border-light: #f3f4f6;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* Typography */
    --font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;

    /* Borders / Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;

    /* Spot effects (фиолетовые переливающиеся пятна, как на pravo.tech) */
    --spot-primary: radial-gradient(circle, rgba(140, 38, 234, 0.15) 0%, transparent 70%);
    --spot-secondary: radial-gradient(circle, rgba(213, 29, 79, 0.10) 0%, transparent 70%);
}

/* Theme switcher (как у ПравоТех) */
[data-theme="blue"] {
    --color-primary: #009dea;
    --color-accent: #009dea;
    --color-accent-hover: #0088c4;
    --color-accent-light: rgb(229, 245, 253);
}
[data-theme="orange"] {
    --color-primary: #f5a00a;
    --color-accent: #f5a00a;
    --color-accent-hover: #d48a08;
    --color-accent-light: rgb(255, 247, 233);
}