/* AUTO-GENERATED - do not edit by hand.
 * Source: hyperce_theme/tokens/hyperce.tokens.json
 * Regenerate: python hyperce_theme/scripts/compile_tokens.py
 */

html[data-theme-mode="hyperce_dark"] {
	--primary: #22c55e;
	--primary-color: #22c55e;
	--dt-primary-color: #22c55e;
	--blue: #22c55e;
	--blue-avatar-bg: rgba(34, 197, 94, 0.14);
	--blue-avatar-color: #22c55e;
	--bg-color: #0a0a0a;
	--fg-color: #111111;
	--card-bg: #111111;
	--disabled-bg: #1a1a1a;
	--control-bg: #1a1a1a;
	--control-bg-on-gray: #222222;
	--sidebar-bg-color: #0d0d0d;
	--navbar-bg: rgba(10, 10, 10, 0.90);
	--text-color: #ffffff;
	--text-muted: #a1a1aa;
	--text-light: #52525b;
	--heading-color: #ffffff;
	--label-color: #a1a1aa;
	--disabled-text: #52525b;
	--icon-stroke: #a1a1aa;
	--border-color: rgba(255, 255, 255, 0.08);
	--dark-border-color: rgba(255, 255, 255, 0.15);
	--table-border-color: rgba(255, 255, 255, 0.06);
	--shadow-base: 0 1px 3px rgba(0, 0, 0, 0.50);
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
	--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.55);
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.65);
	--shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.75);
	--btn-primary-bg: #22c55e;
	--btn-primary-hover: #16a34a;
	--btn-height: 34px;
	--btn-border-radius: 6px;
	--input-bg: #1a1a1a;
	--input-disabled-bg: #111111;
	--input-border-color: rgba(255, 255, 255, 0.10);
	--input-focus-border: #22c55e;
	--badge-bg: rgba(34, 197, 94, 0.12);
	--badge-color: #22c55e;
	--scrollbar-thumb: rgba(255, 255, 255, 0.15);
	--scrollbar-track: transparent;
	--modal-bg: #111111;
	--popover-bg: #1a1a1a;
	--awesomebar-bg: #111111;
	--code-bg: #1a1a1a;
	--diff-added-bg: rgba(34, 197, 94, 0.10);
	--diff-removed-bg: rgba(239, 68, 68, 0.10);
	--hyperce-surface-2: #161616;
	--hyperce-accent: #22c55e;
	--hyperce-accent-hover: #16a34a;
	--hyperce-accent-subtle: rgba(34, 197, 94, 0.12);
	--hyperce-accent-border: rgba(34, 197, 94, 0.30);
	--hyperce-accent-glow: rgba(34, 197, 94, 0.18);
	--border-radius: 6px;
	--border-radius-sm: 4px;
	--border-radius-md: 10px;
	--border-radius-lg: 16px;
	--border-radius-xl: 24px;
	--border-radius-full: 9999px;
}

html[data-theme-mode="hyperce_light"] {
	--primary: #16a34a;
	--primary-color: #16a34a;
	--dt-primary-color: #16a34a;
	--blue: #16a34a;
	--blue-avatar-bg: rgba(22, 163, 74, 0.10);
	--blue-avatar-color: #16a34a;
	--bg-color: #f7f7f5;
	--fg-color: #ffffff;
	--card-bg: #ffffff;
	--disabled-bg: #f0f0ed;
	--control-bg: #f0f0ed;
	--control-bg-on-gray: #e8e8e4;
	--sidebar-bg-color: #f7f7f5;
	--navbar-bg: rgba(255, 255, 255, 0.92);
	--text-color: #0a0a0a;
	--text-muted: #52525b;
	--text-light: #a1a1aa;
	--heading-color: #0a0a0a;
	--label-color: #52525b;
	--disabled-text: #a1a1aa;
	--icon-stroke: #52525b;
	--border-color: rgba(0, 0, 0, 0.08);
	--dark-border-color: rgba(0, 0, 0, 0.15);
	--table-border-color: rgba(0, 0, 0, 0.06);
	--shadow-base: 0 1px 3px rgba(0, 0, 0, 0.08);
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
	--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
	--shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.14);
	--btn-primary-bg: #16a34a;
	--btn-primary-hover: #15803d;
	--btn-height: 34px;
	--btn-border-radius: 6px;
	--input-bg: #ffffff;
	--input-disabled-bg: #f0f0ed;
	--input-border-color: rgba(0, 0, 0, 0.12);
	--input-focus-border: #16a34a;
	--badge-bg: rgba(22, 163, 74, 0.10);
	--badge-color: #16a34a;
	--scrollbar-thumb: rgba(0, 0, 0, 0.15);
	--scrollbar-track: transparent;
	--modal-bg: #ffffff;
	--popover-bg: #ffffff;
	--awesomebar-bg: #ffffff;
	--code-bg: #f0f0ed;
	--hyperce-accent: #16a34a;
	--hyperce-accent-hover: #15803d;
	--hyperce-accent-subtle: rgba(22, 163, 74, 0.10);
	--hyperce-accent-border: rgba(22, 163, 74, 0.25);
	--hyperce-accent-glow: rgba(22, 163, 74, 0.15);
	--border-radius: 6px;
	--border-radius-sm: 4px;
	--border-radius-md: 10px;
	--border-radius-lg: 16px;
	--border-radius-xl: 24px;
	--border-radius-full: 9999px;
}