:root {
	--wb-bg: #0f0c0a;
	--wb-bg-soft: #181311;
	--wb-surface: rgba(26, 20, 18, 0.92);
	--wb-surface-strong: rgba(37, 28, 24, 0.98);
	--wb-surface-muted: rgba(255, 255, 255, 0.04);
	--wb-card-gradient: linear-gradient(180deg, rgba(35, 27, 24, 0.95), rgba(24, 19, 17, 0.95));
	--wb-panel-gradient: linear-gradient(180deg, rgba(33, 24, 22, 0.98), rgba(17, 13, 12, 0.98));
	--wb-auth-gradient: linear-gradient(180deg, rgba(34, 26, 24, 0.97), rgba(18, 14, 13, 0.97));
	--wb-transition-gradient: linear-gradient(180deg, rgba(36, 28, 25, 0.96), rgba(19, 15, 14, 0.96));
	--wb-loading-gradient: linear-gradient(180deg, rgba(12, 10, 9, 0.98), rgba(20, 15, 13, 0.98));
	--wb-loading-surface: rgba(28, 22, 19, 0.86);
	--wb-overlay: rgba(8, 7, 7, 0.72);
	--wb-auth-overlay: rgba(10, 8, 8, 0.84);
	--wb-transition-overlay: rgba(10, 8, 8, 0.82);
	--wb-floating-bg: rgba(20, 15, 14, 0.88);
	--wb-floating-hover: rgba(31, 23, 21, 0.94);
	--wb-minimal-surface: rgba(23, 18, 17, 0.94);
	--wb-custom-widget-gradient: linear-gradient(180deg, rgba(41, 29, 25, 0.94), rgba(23, 19, 17, 0.96));
	--wb-border: rgba(255, 232, 214, 0.1);
	--wb-text: #f4ede6;
	--wb-text-muted: #b6a89a;
	--wb-text-soft: #8f8175;
	--wb-accent: #cf8e63;
	--wb-accent-strong: #e3a074;
	--wb-accent-alt: #72a8ff;
	--wb-accent-soft: rgba(207, 142, 99, 0.18);
	--wb-button-accent: #cf8e63;
	--wb-button-accent-strong: #72a8ff;
	--wb-button-text: #221713;
	--wb-hero-overlay: linear-gradient(180deg, rgba(114, 168, 255, 0.1) 0%, rgba(15, 11, 10, 0.18) 35%, rgba(15, 11, 10, 0.84) 100%);
	--wb-hero-kicker-bg: rgba(11, 10, 10, 0.45);
	--wb-hero-kicker-border: rgba(255, 255, 255, 0.16);
	--wb-hero-text: #fff7f1;
	--wb-hero-copy: #e8d9cc;
	--wb-banner-image: url("https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1400&q=80");
	--wb-body-glow: radial-gradient(circle at top, rgba(207, 142, 99, 0.18), transparent 42%);
	--wb-board-background-layer: linear-gradient(180deg, rgba(22, 18, 15, 0.42), rgba(11, 9, 8, 0.68));
	--wb-widget-surface-override: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	--wb-card-accent: #cf8e63;
	--wb-chip-accent: #72a8ff;
	--wb-control-bg: rgba(255, 255, 255, 0.04);
	--wb-control-bg-strong: rgba(255, 255, 255, 0.06);
	--wb-control-border: rgba(255, 255, 255, 0.08);
	--wb-control-border-strong: rgba(207, 142, 99, 0.38);
	--wb-control-text: #f4ede6;
	--wb-control-muted: #b6a89a;
	--wb-status-success-bg: rgba(122, 182, 143, 0.12);
	--wb-status-success-text: #d8f5df;
	--wb-status-warn-bg: rgba(224, 182, 93, 0.12);
	--wb-status-warn-text: #ffe9bc;
	--wb-status-danger-bg: rgba(215, 124, 115, 0.12);
	--wb-status-danger-text: #ffd6d1;
	--wb-success: #7ab68f;
	--wb-warning: #f0c46d;
	--wb-danger: #d77c73;
	--wb-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
	--wb-radius-xl: 28px;
	--wb-radius-lg: 20px;
	--wb-radius-md: 14px;
	--wb-radius-sm: 10px;
	--wb-font-display: "Space Grotesk", sans-serif;
	--wb-font-body: "IBM Plex Sans", sans-serif;
	--wb-text-xs: 0.74rem;
	--wb-text-sm: 0.88rem;
	--wb-text-md: 1rem;
	--wb-text-lg: 1.25rem;
}

body.light-mode {
	--wb-bg: #efe2d2;
	--wb-bg-soft: #f6ede4;
	--wb-surface: rgba(255, 250, 245, 0.94);
	--wb-surface-strong: rgba(255, 253, 250, 0.98);
	--wb-surface-muted: rgba(111, 71, 43, 0.06);
	--wb-card-gradient: linear-gradient(180deg, rgba(255, 252, 248, 0.98), rgba(244, 235, 226, 0.96));
	--wb-panel-gradient: linear-gradient(180deg, rgba(255, 251, 247, 0.99), rgba(242, 232, 223, 0.98));
	--wb-auth-gradient: linear-gradient(180deg, rgba(248, 240, 232, 0.98), rgba(236, 226, 215, 0.98));
	--wb-transition-gradient: linear-gradient(180deg, rgba(255, 248, 241, 0.98), rgba(239, 228, 216, 0.96));
	--wb-loading-gradient: linear-gradient(180deg, rgba(246, 237, 227, 0.98), rgba(239, 229, 218, 0.98));
	--wb-loading-surface: rgba(255, 250, 245, 0.92);
	--wb-overlay: rgba(116, 88, 66, 0.12);
	--wb-auth-overlay: rgba(120, 92, 69, 0.18);
	--wb-transition-overlay: rgba(120, 92, 69, 0.16);
	--wb-floating-bg: rgba(255, 250, 245, 0.92);
	--wb-floating-hover: rgba(247, 239, 230, 0.98);
	--wb-minimal-surface: rgba(255, 251, 247, 0.94);
	--wb-custom-widget-gradient: linear-gradient(180deg, rgba(255, 247, 241, 0.96), rgba(243, 233, 223, 0.94));
	--wb-border: rgba(115, 79, 56, 0.16);
	--wb-text: #2c2018;
	--wb-text-muted: #7a6150;
	--wb-text-soft: #5d4739;
	--wb-accent: #a36742;
	--wb-accent-strong: #bf7b50;
	--wb-accent-alt: #6e93d8;
	--wb-accent-soft: rgba(163, 103, 66, 0.12);
	--wb-button-accent: #b26f4e;
	--wb-button-accent-strong: #7290d8;
	--wb-button-text: #fffaf6;
	--wb-hero-overlay: linear-gradient(180deg, rgba(110, 147, 216, 0.08) 0%, rgba(14, 11, 10, 0.16) 35%, rgba(15, 11, 10, 0.78) 100%);
	--wb-hero-kicker-bg: rgba(18, 14, 13, 0.34);
	--wb-hero-kicker-border: rgba(255, 255, 255, 0.22);
	--wb-hero-text: #fff7f1;
	--wb-hero-copy: rgba(253, 245, 238, 0.92);
	--wb-banner-image: url("https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1400&q=80");
	--wb-body-glow: radial-gradient(circle at top, rgba(163, 103, 66, 0.24), transparent 44%);
	--wb-board-background-layer: linear-gradient(180deg, rgba(214, 181, 155, 0.36), rgba(245, 236, 225, 0.58));
	--wb-widget-surface-override: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	--wb-card-accent: #a36742;
	--wb-chip-accent: #6e93d8;
	--wb-control-bg: rgba(101, 68, 47, 0.10);
	--wb-control-bg-strong: rgba(101, 68, 47, 0.14);
	--wb-control-border: rgba(101, 68, 47, 0.22);
	--wb-control-border-strong: rgba(163, 103, 66, 0.44);
	--wb-control-text: #2d2018;
	--wb-control-muted: #5f4738;
	--wb-status-success-bg: rgba(56, 128, 87, 0.16);
	--wb-status-success-text: #1f5f3c;
	--wb-status-warn-bg: rgba(175, 123, 24, 0.16);
	--wb-status-warn-text: #7a540d;
	--wb-status-danger-bg: rgba(186, 95, 83, 0.16);
	--wb-status-danger-text: #8a372e;
	--wb-success: #4b8c63;
	--wb-warning: #af7b18;
	--wb-danger: #ba5f53;
	--wb-shadow: 0 18px 45px rgba(99, 63, 39, 0.12);
}