/**
 * Shared design tokens (px scale, light surfaces).
 * Used by user/chat.php and admin surfaces.
 */
:root {
    --color-primary: #16a34a;
    --color-primary-hover: #15803d;
    --color-secondary: #4b5563;
    --color-secondary-hover: #374151;
    --color-neutral-50: #f9fafb;
    --color-neutral-100: #f3f4f6;
    --color-neutral-200: #e5e7eb;
    --color-neutral-300: #d1d5db;
    --color-neutral-400: #9ca3af;
    --color-neutral-500: #6b7280;
    --color-text: #111827;
    --color-text-secondary: #6b7280;
    --color-text-tertiary: #9ca3af;
    --color-success: #16a34a;
    --color-warning: #d97706;
    --color-error: #dc2626;
    --color-surface: #ffffff;
    --color-surface-muted: #f8f9fa;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 20px;
    --text-xl: 24px;
    --text-2xl: 32px;

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

    --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.1);

    --radius-sm: 6px;
    --radius-md: 8px;

    --layout-aside: 256px;
    --layout-content-chat: 720px;
    --layout-content-wide: 800px;
    /* 图像专线双栏：需要比对话输入区更宽的主栏上限 */
    --layout-img-panel-max: 1160px;
    --layout-login-max: 416px;
    --layout-form-col-min: 128px;
    --layout-chat-img-max: 520px;
    --layout-admin-frame-offset: 120px;
}