:root {
  --primary: #2B5BD7;
  --ring: #2B5BD7;
  --color-primary-500: #2B5BD7;
  --primary-foreground: #FFFFFF;
  --primary-soft: #E8EEFB;
  --background: #E7EAEF;
  --background-alt: #EEF1F5;
  --surface: #FFFFFF;
  --card: #FFFFFF;
  --input-background: #FFFFFF;
  --surface-2: #F4F7FA;
  --surface-raised: #F4F7FA;
  --muted: #EFF2F6;
  --secondary: #EFF2F6;
  --switch-background: #EFF2F6;
  --border: #E4E7ED;
  --input: #E4E7ED;
  --border-strong: #CBD1DA;
  --foreground: #232733;
  --card-foreground: #232733;
  --popover-foreground: #232733;
  --text-primary: #232733;
  --muted-foreground: #69707E;
  --text-secondary: #69707E;
  --text-faint: #989FAC;
  --success: #21A35A;
  --warn: #E8A317;
  --warning: #E8A317;
  --danger: #D5443F;
  --destructive: #D5443F;
  --info: #2F8FE6;
  --font-sans: 'Mulish', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --shadow-sm: 0 1px 2px rgba(24,28,46,.05);
  --shadow-md: 0 3px 10px rgba(24,28,46,.07);
  --shadow-lg: 0 12px 32px rgba(24,28,46,.14);
  --radius: 6px;
  --radius-sm: 4px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --header-h: 60px;
  --rail-w: 220px;
  --container: 1280px;
  --sidebar-w: 280px;
  --rh-card-bg: var(--surface);
  --rh-card-border: var(--border);
  --rh-accent: var(--primary);
  --rh-text-primary: var(--foreground);
  --rh-text-dim: var(--muted-foreground);
  --rh-icon-bg: color-mix(in srgb, var(--primary) 10%, transparent);
  --rh-hover-border: var(--primary);
  --rh-hover-bg: var(--muted);
  --rh-radius: 12px;
  --avatar-radius: 50%;
  --color-dark-hover: #232836;
  --color-dark-border: #2A2F3C;
  --color-dark-card: #1B1F2A;
  --rb-postbit-show-join-date: 1;
  --rb-primary: #2B5BD7;
  --rb-header-bg: #2C3142;
  --rb-postbit-show-messages: 1;
  --rb-primary-foreground: #FFFFFF;
  --rb-header-border-color: rgba(255,255,255,.06);
  --rb-postbit-show-threads: 1;
  --rb-primary-soft: #E8EEFB;
  --rb-header-text-color: #FFFFFF;
  --rb-postbit-show-solutions: 1;
  --rb-ring: #2B5BD7;
  --rb-background: #E7EAEF;
  --rb-mobile-nav-bg: #2C3142;
  --rb-postbit-show-reactions: 1;
  --rb-background-alt: #EEF1F5;
  --rb-mobile-nav-text-color: #FFFFFF;
  --rb-postbit-show-points: 1;
  --rb-postbit-show-reputation: 1;
  --rb-sidebar-w: 280px;
  --rb-surface: #FFFFFF;
  --rb-footer-bg: #2C3142;
  --rb-postbit-show-location: 1;
  --rb-surface2: #F4F7FA;
  --rb-dark-hover: #232836;
  --rb-footer-link-color: #C7CAD5;
  --rb-muted: #EFF2F6;
  --rb-postbit-show-website: 1;
  --rb-border: #E4E7ED;
  --rb-dark-border: #2A2F3C;
  --rb-footer-text-color: #9196A4;
  --rb-postbit-show-custom-fields: 1;
  --rb-border-strong: #CBD1DA;
  --rb-dark-card: #1B1F2A;
  --rb-forum-node-bg: #FFFFFF;
  --rb-lt-widget-bg: #ffffff;
  --rb-rh-card-bg: var(--surface);
  --rb-foreground: #232733;
  --rb-forum-node-border: #ECEFF3;
  --rb-forum-node-icon-color: #2B5BD7;
  --rb-muted-foreground: #69707E;
  --rb-category-header-bg: #3C4257;
  --rb-text-faint: #989FAC;
  --rb-category-header-color: #FFFFFF;
  --rb-success: #21A35A;
  --rb-category-header-desc-color: #B7BBC8;
  --rb-warn: #E8A317;
  --rb-category-header-radius: 4px;
  --rb-danger: #D5443F;
  --rb-avatar-border-radius: 50%;
  --rb-info: #2F8FE6;
  --rb-content-line-height: 1.7;
  --rb-font-sans: 'Mulish', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --rb-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --rb-profile-banner-height: 220px;
  --rb-auth-form-bg: #FFFFFF;
  --rb-lt-widget-border: #e2e8f0;
  --rb-radius-sm: 4px;
  --rb-rh-card-border: var(--border);
  --rb-auth-form-border: #E4E7ED;
  --rb-radius: 6px;
  --rb-auth-form-max-width: 420px;
  --rb-radius-lg: 8px;
  --rb-radius-xl: 10px;
  --rb-shadow-sm: 0 1px 2px rgba(24,28,46,.05);
  --rb-shadow-md: 0 3px 10px rgba(24,28,46,.07);
  --rb-shadow-lg: 0 12px 32px rgba(24,28,46,.14);
  --rb-header-h: 60px;
  --rb-rail-w: 220px;
  --rb-container: 1280px;
  --rb-default-theme-mode: light;
  --rb-lt-widget-primary: #ff5722;
  --rb-rh-accent: var(--primary);
  --rb-enable-dark-mode-toggle: 1;
  --rb-enable-animations: 1;
  --rb-widget-sidebar-position: right;
  --rb-widget-sidebar-width: 280px;
  --rb-logo-as-text: 1;
  --rb-logo-url: /assets/images/raxboard-lockup-dark.svg;
  --rb-logo-dark-url: /assets/images/raxboard-lockup-dark.svg;
  --rb-logo-height: 32px;
  --rb-favicon-url: /assets/images/raxboard-favicon.svg;
  --rb-lt-tab-active-color: #ff5722;
  --rb-rh-text-primary: var(--foreground);
  --rb-lt-tab-inactive-color: #64748b;
  --rb-rh-text-dim: var(--muted-foreground);
  --rb-lt-tab-bg: transparent;
  --rb-rh-icon-bg: color-mix(in srgb, var(--primary) 10%, transparent);
  --rb-lt-header-bg: #f8fafc;
  --rb-rh-hover-border: var(--primary);
  --rb-lt-row-hover-bg: #fff2ee;
  --rb-rh-hover-bg: var(--muted);
  --rb-lt-title-color: #1e293b;
  --rb-lt-title-hover-color: #ff5722;
  --rb-lt-meta-color: #64748b;
  --rb-lt-stat-color: #1e293b;
  --rb-lt-num-bg: #f1f5f9;
  --rb-lt-border-line: #f1f5f9;
  --rb-lt-widget-border-radius: 12px;
  --rb-rh-radius: 12px;
  --rb-lt-font-size: 0.8125rem;
  --rb-lt-row-padding: 8px 12px;
}

html[data-theme="dark"],
html.dark {
  --color-dark-hover: #242938;
  --color-dark-border: #2A2F3C;
  --color-dark-card: #1C1F2A;
  --background: #12141B;
  --background-alt: #171A22;
  --surface: #1C1F2A;
  --card: #1C1F2A;
  --input-background: #1C1F2A;
  --surface-2: #222533;
  --surface-raised: #222533;
  --muted: #191C26;
  --secondary: #191C26;
  --switch-background: #191C26;
  --border: #2A2F3C;
  --input: #2A2F3C;
  --border-strong: #39404F;
  --foreground: #E6E8EF;
  --card-foreground: #E6E8EF;
  --popover-foreground: #E6E8EF;
  --text-primary: #E6E8EF;
  --muted-foreground: #8F96A6;
  --text-secondary: #8F96A6;
  --text-faint: #686F80;
  --rb-primary: #5B86E8;
  --primary: #5B86E8;
  --ring: #5B86E8;
  --color-primary-500: #5B86E8;
  --rb-header-bg: #14161D;
  --rb-primary-foreground: #FFFFFF;
  --primary-foreground: #FFFFFF;
  --rb-header-border-color: rgba(255,255,255,.05);
  --rb-primary-soft: #1A2540;
  --primary-soft: #1A2540;
  --rb-header-text-color: #ECEEF3;
  --rb-ring: #5B86E8;
  --rb-background: #12141B;
  --rb-mobile-nav-bg: #14161D;
  --rb-background-alt: #171A22;
  --rb-mobile-nav-text-color: #ECEEF3;
  --rb-sidebar-w: 280px;
  --sidebar-w: 280px;
  --rb-surface: #1C1F2A;
  --rb-footer-bg: #14161D;
  --rb-surface2: #222533;
  --rb-dark-hover: #242938;
  --rb-footer-link-color: #AAAEBC;
  --rb-muted: #191C26;
  --rb-border: #2A2F3C;
  --rb-dark-border: #2A2F3C;
  --rb-footer-text-color: #777E8F;
  --rb-border-strong: #39404F;
  --rb-dark-card: #1C1F2A;
  --rb-forum-node-bg: #1C1F2A;
  --rb-lt-widget-bg: var(--surface);
  --rb-rh-card-bg: var(--surface);
  --rh-card-bg: var(--surface);
  --rb-foreground: #E6E8EF;
  --rb-forum-node-border: #262B38;
  --rb-forum-node-icon-color: #5B86E8;
  --rb-muted-foreground: #8F96A6;
  --rb-category-header-bg: #222533;
  --rb-text-faint: #686F80;
  --rb-category-header-color: #ECEEF3;
  --rb-success: #2FC270;
  --success: #2FC270;
  --rb-category-header-desc-color: #8F96A6;
  --rb-warn: #F0B23E;
  --warn: #F0B23E;
  --warning: #F0B23E;
  --rb-category-header-radius: 4px;
  --rb-danger: #E85651;
  --danger: #E85651;
  --destructive: #E85651;
  --rb-avatar-border-radius: 50%;
  --avatar-radius: 50%;
  --rb-info: #4FA0EE;
  --info: #4FA0EE;
  --rb-content-line-height: 1.7;
  --rb-font-sans: 'Mulish', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-sans: 'Mulish', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --rb-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --rb-profile-banner-height: 220px;
  --rb-auth-form-bg: #1C1F2A;
  --rb-lt-widget-border: var(--border);
  --rb-radius-sm: 4px;
  --radius-sm: 4px;
  --rb-rh-card-border: var(--border);
  --rh-card-border: var(--border);
  --rb-auth-form-border: #2A2F3C;
  --rb-radius: 6px;
  --radius: 6px;
  --rb-auth-form-max-width: 420px;
  --rb-radius-lg: 8px;
  --radius-lg: 8px;
  --rb-radius-xl: 10px;
  --radius-xl: 10px;
  --rb-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --rb-shadow-md: 0 3px 10px rgba(0,0,0,.45);
  --shadow-md: 0 3px 10px rgba(0,0,0,.45);
  --rb-shadow-lg: 0 12px 32px rgba(0,0,0,.55);
  --shadow-lg: 0 12px 32px rgba(0,0,0,.55);
  --rb-header-h: 60px;
  --header-h: 60px;
  --rb-rail-w: 220px;
  --rail-w: 220px;
  --rb-container: 1280px;
  --container: 1280px;
  --rb-lt-widget-primary: var(--primary);
  --rb-rh-accent: var(--primary);
  --rh-accent: var(--primary);
  --rb-widget-sidebar-width: 280px;
  --rb-lt-tab-active-color: var(--primary);
  --rb-rh-text-primary: var(--foreground);
  --rh-text-primary: var(--foreground);
  --rb-lt-tab-inactive-color: var(--muted-foreground);
  --rb-rh-text-dim: var(--muted-foreground);
  --rh-text-dim: var(--muted-foreground);
  --rb-lt-tab-bg: transparent;
  --rb-rh-icon-bg: color-mix(in srgb, var(--primary) 12%, transparent);
  --rh-icon-bg: color-mix(in srgb, var(--primary) 12%, transparent);
  --rb-lt-header-bg: var(--muted);
  --rb-rh-hover-border: var(--primary);
  --rh-hover-border: var(--primary);
  --rb-lt-row-hover-bg: var(--muted);
  --rb-rh-hover-bg: var(--muted);
  --rh-hover-bg: var(--muted);
  --rb-lt-title-color: var(--foreground);
  --rb-lt-title-hover-color: var(--primary);
  --rb-lt-meta-color: var(--muted-foreground);
  --rb-lt-stat-color: var(--foreground);
  --rb-lt-num-bg: var(--muted);
  --rb-lt-border-line: var(--border);
}