/* ========================================
   V2 Design System - CSS Custom Properties
   ======================================== */

:root {
    /* Primary colors - темно-красная палитра (accent проекта) */
    --rd-primary: #8B0000;
    --rd-primary-hover: #A52A2A;
    --rd-primary-light: #CD5C5C;
    --rd-primary-dark: #5C0000;

    /* Secondary - темно-серая палитра */
    --rd-secondary: #2F4F4F;
    --rd-secondary-hover: #3D6363;
    --rd-secondary-light: #708090;

    /* Status colors */
    --rd-success: #228B22;
    --rd-success-light: #90EE90;
    --rd-warning: #DAA520;
    --rd-warning-light: #FFD700;
    --rd-danger: #DC143C;
    --rd-danger-light: #FF6B6B;
    --rd-info: #4682B4;

    /* Text colors - dark theme */
    --rd-text: #ffffff;
    --rd-text-secondary: rgba(255, 255, 255, 0.7);
    --rd-text-muted: rgba(255, 255, 255, 0.5);
    --rd-text-disabled: rgba(255, 255, 255, 0.3);
    --rd-text-inverse: #1a1a1a;

    /* Background colors - dark theme */
    --rd-bg: #0d0d0d;
    --rd-bg-alt: #141414;
    --rd-bg-card: #1a1a1a;
    --rd-bg-hover: rgba(255, 255, 255, 0.08);
    --rd-bg-active: rgba(255, 255, 255, 0.1);
    --rd-bg-overlay: rgba(0, 0, 0, 0.7);
    --rd-bg-input: rgba(255, 255, 255, 0.05);

    /* Border colors */
    --rd-border: rgba(255, 255, 255, 0.1);
    --rd-border-light: rgba(255, 255, 255, 0.06);
    --rd-border-focus: rgba(139, 0, 0, 0.5);

    /* Spacing scale */
    --rd-space-xs: 0.25rem;   /* 4px */
    --rd-space-sm: 0.5rem;    /* 8px */
    --rd-space-md: 1rem;      /* 16px */
    --rd-space-lg: 1.5rem;    /* 24px */
    --rd-space-xl: 2rem;      /* 32px */
    --rd-space-2xl: 3rem;     /* 48px */
    --rd-space-3xl: 4rem;     /* 64px */

    /* Border radius */
    --rd-radius-sm: 6px;
    --rd-radius-md: 10px;
    --rd-radius-lg: 12px;
    --rd-radius-xl: 16px;
    --rd-radius-full: 9999px;

    /* Shadows */
    --rd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --rd-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --rd-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4);
    --rd-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.5);
    --rd-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.3);
    --rd-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.4);

    /* Typography */
    --rd-font-family: 'Montserrat Alternates', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --rd-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --rd-font-size-xs: 0.75rem;    /* 12px */
    --rd-font-size-sm: 0.875rem;   /* 14px */
    --rd-font-size-base: 1rem;     /* 16px */
    --rd-font-size-lg: 1.125rem;   /* 18px */
    --rd-font-size-xl: 1.25rem;    /* 20px */
    --rd-font-size-2xl: 1.5rem;    /* 24px */
    --rd-font-size-3xl: 2rem;      /* 32px */

    --rd-font-weight-normal: 400;
    --rd-font-weight-medium: 500;
    --rd-font-weight-semibold: 600;
    --rd-font-weight-bold: 700;

    --rd-line-height-tight: 1.25;
    --rd-line-height-normal: 1.5;
    --rd-line-height-relaxed: 1.75;

    /* Transitions */
    --rd-transition-fast: 150ms ease;
    --rd-transition-normal: 250ms ease;
    --rd-transition-slow: 350ms ease;

    /* Z-index scale */
    --rd-z-dropdown: 100;
    --rd-z-sticky: 200;
    --rd-z-fixed: 300;
    --rd-z-modal-backdrop: 400;
    --rd-z-modal: 500;
    --rd-z-popover: 600;
    --rd-z-tooltip: 700;

    /* Layout */
    --rd-header-height: 64px;
    --rd-sidebar-width: 260px;
    --rd-content-max-width: 1200px;

    /* Form */
    --rd-input-height: 44px;
    --rd-input-padding: 0.875rem 1rem;
    --rd-input-border-radius: var(--rd-radius-lg);
}

/* Radzen theme overrides for v2 */
.rd-v2 {
    --rz-primary: var(--rd-primary);
    --rz-primary-light: var(--rd-primary-light);
    --rz-primary-dark: var(--rd-primary-dark);
    --rz-secondary: var(--rd-secondary);
    --rz-success: var(--rd-success);
    --rz-warning: var(--rd-warning);
    --rz-danger: var(--rd-danger);
    --rz-info: var(--rd-info);
}