:root {
    --bg: #f0f0f0;
    --surface: #ffffff;
    --surface-alt: #f8f8f8;
    --border: #d0d0d0;
    --border-light: #e0e0e0;
    --text: #1a1a1a;
    --text-secondary: #555555;
    --text-muted: #888888;
    --link: #1a5dab;
    --link-hover: #0e3d75;
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-text: #ffffff;
    --success: #16a34a;
    --warning: #d97706;
    --danger: #dc2626;
    --danger-hover: #b91c1c;
    --code-bg: #f4f4f4;
    --header-bg: #2c3e50;
    --header-text: #ecf0f1;
    --nav-bg: #34495e;
    --nav-text: #bdc3c7;
    --nav-active: #ffffff;
    --sidebar-bg: #f4f4f4;
    --breadcrumb-bg: #f8f8f8;
    --post-bg: #ffffff;
    --post-border: #d0d0d0;
    --post-header-bg: #f8f8f8;
    --post-author-bg: #f0f0f0;
    --post-author-width: 180px;
    --thread-unread: #1a5dab;
    --online: #16a34a;
    --badge-bg: #e5e7eb;
    --badge-text: #374151;
    --input-bg: #ffffff;
    --input-border: #c0c0c0;
    --input-focus: #2563eb;
    --dropdown-bg: #ffffff;
    --dropdown-hover: #f0f0f0;
    --modal-bg: rgba(0, 0, 0, 0.5);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    --radius: 2px;
    --radius-lg: 4px;
    --max-width: 1100px;
    --header-height: 44px;
    --nav-height: 36px;
}

[data-theme="dark"] {
    --bg: #1a1a1a;
    --surface: #242424;
    --surface-alt: #2a2a2a;
    --border: #3a3a3a;
    --border-light: #333333;
    --text: #d4d4d4;
    --text-secondary: #a0a0a0;
    --text-muted: #707070;
    --link: #6db3f2;
    --link-hover: #9ccbf7;
    --primary: #3b82f6;
    --primary-hover: #2563eb;
    --code-bg: #2a2a2a;
    --header-bg: #1e1e1e;
    --header-text: #d4d4d4;
    --nav-bg: #222222;
    --nav-text: #888888;
    --nav-active: #d4d4d4;
    --sidebar-bg: #242424;
    --breadcrumb-bg: #222222;
    --post-bg: #242424;
    --post-border: #3a3a3a;
    --post-header-bg: #2a2a2a;
    --post-author-bg: #222222;
    --thread-unread: #6db3f2;
    --online: #22c55e;
    --badge-bg: #3a3a3a;
    --badge-text: #a0a0a0;
    --input-bg: #2a2a2a;
    --input-border: #4a4a4a;
    --input-focus: #3b82f6;
    --dropdown-bg: #2a2a2a;
    --dropdown-hover: #333333;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}