/* DomainTool 设计系统变量 */
:root {
    /* 主色调 - 橙色主题 */
    --primary: #ff6b35;
    --primary-light: #ff8a5c;
    --primary-dark: #e55a25;
    --primary-bg: #fff4ef;

    /* 渐变色 */
    --primary-gradient: linear-gradient(135deg, #ff6b35 0%, #ff8a5c 100%);
    --primary-gradient-light: linear-gradient(135deg, #fff8f5 0%, #ffe8db 100%);

    /* 辅助色 */
    --secondary: #5f6368;
    --secondary-light: #80868b;
    --secondary-dark: #3c4043;

    /* 状态颜色 */
    --success: #34a853;
    --success-light: #e6f4ea;
    --warning: #fbbc04;
    --warning-light: #fef7e0;
    --danger: #ea4335;
    --danger-light: #fce8e6;
    --info: #ff6b35;
    --info-light: #fff4ef;

    /* 背景色 */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f1f3f4;
    --bg-hover: #f1f3f4;

    /* 文字颜色 */
    --text-primary: #1a1a2e;
    --text-secondary: #5f6368;
    --text-tertiary: #80868b;
    --text-disabled: #bdc1c6;
    --text-inverse: #ffffff;

    /* 边框颜色 */
    --border-light: #e8eaed;
    --border-medium: #dadce0;
    --border-dark: #bdc1c6;
    --border-color: #dadce0;

    /* 阴影系统 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
    --shadow-primary: 0 4px 16px rgba(255, 107, 53, 0.3);

    /* 圆角系统 */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* 间距系统 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* 字体 */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-mono: 'Roboto Mono', 'Consolas', 'Monaco', monospace;

    /* 字体大小 */
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;

    /* 过渡动画 */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;

    /* 侧边栏宽度 */
    --sidebar-width: 240px;
    --sidebar-collapsed-width: 64px;
}