/* Generated by build.py from tokens.json, coolsim-design 0.2.0. Do not edit: vendor a tagged release of https://github.com/coolsimsoftware/coolsim-design */

:root,
html[data-theme="midnight"] {
  --bg-primary: #0f0f1a;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #16213e;
  --bg-hover: #1f2b4d;
  --bg-active: #2a3a5e;
  --border: #2a2a4a;
  --text-primary: #e0e0e8;
  --text-secondary: #8888a8;
  --text-muted: #5a5a7a;
  --accent: #4fc3f7;
  --accent-hover: #29b6f6;
  --accent-dim: #1a3a4a;
  --on-accent: #08121a;
  --danger: #ef5350;
  --danger-hover: #f44336;
  --success: #66bb6a;
  --warning: #ffa726;
  --scrim: rgba(0, 0, 0, 0.7);
  --scene-bg: #0a0a1a;
  --scene-floor: #2a2a3e;
  --scene-border: #5a5a8e;
  --scene-grid: #3a3a5a;
  --scene-wall: #3a3a5e;
  --scene-wall-edge: #4a4a6e;
  --scene-sky: #87ceeb;
  --scene-ground: #4a6741;
  --scene-light-sky: #6688cc;
  --scene-light-ground: #333344;
  --scene-ambient: #404060;
  --cool-1: #4fc3f7;
  --cool-2: #42a5f5;
  --cool-3: #1565c0;
  --cool-4: #0d47a1;
  --warm-1: #ffa726;
  --warm-2: #ff7043;
  --warm-3: #ef5350;
  --warm-4: #c62828;
  --residual-p-rgh: #ff6b6b;
  --residual-ux: #4ecdc4;
  --residual-uy: #45b7d1;
  --residual-uz: #96ceb4;
  --residual-t: #feca57;
  --residual-k: #ff9ff3;
  --residual-epsilon: #54a0ff;
  --residual-omega: #c39bd3;
  --residual-axis: #8888a8;
  --residual-grid: rgba(255, 255, 255, 0.08);
  --shadow-1: 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.5);
}

html[data-theme="daylight"] {
  --bg-primary: #f5f5f5;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e8e8e8;
  --bg-hover: #e0e0e0;
  --bg-active: #d0d0d0;
  --border: #cccccc;
  --text-primary: #1a1a1a;
  --text-secondary: #666666;
  --text-muted: #999999;
  --accent: #1565c0;
  --accent-hover: #0d47a1;
  --accent-dim: #e3f2fd;
  --on-accent: #ffffff;
  --danger: #c62828;
  --danger-hover: #a91d16;
  --success: #256d32;
  --warning: #8a5300;
  --scrim: rgba(0, 0, 0, 0.4);
  --scene-bg: #f0f0f0;
  --scene-floor: #d0d0d0;
  --scene-border: #a0a0a0;
  --scene-grid: #b0b0b0;
  --scene-wall: #c8c8d0;
  --scene-wall-edge: #9a9aa8;
  --scene-sky: #87ceeb;
  --scene-ground: #4a6741;
  --scene-light-sky: #ffffff;
  --scene-light-ground: #b8b8c0;
  --scene-ambient: #d8d8e0;
  --cool-1: #4fc3f7;
  --cool-2: #42a5f5;
  --cool-3: #1565c0;
  --cool-4: #0d47a1;
  --warm-1: #ffa726;
  --warm-2: #ff7043;
  --warm-3: #ef5350;
  --warm-4: #c62828;
  --residual-p-rgh: #e53935;
  --residual-ux: #00897b;
  --residual-uy: #1e88e5;
  --residual-uz: #2e7d32;
  --residual-t: #ef6c00;
  --residual-k: #d81b60;
  --residual-epsilon: #3949ab;
  --residual-omega: #8e24aa;
  --residual-axis: #666666;
  --residual-grid: rgba(0, 0, 0, 0.10);
  --shadow-1: 0 2px 6px rgba(17, 22, 31, 0.12);
  --shadow-2: 0 8px 28px rgba(17, 22, 31, 0.18);
}

html[data-theme="blueprint"] {
  --bg-primary: #0a1929;
  --bg-secondary: #132f4c;
  --bg-tertiary: #1a3a5c;
  --bg-hover: #1e4976;
  --bg-active: #265d97;
  --border: #1e4976;
  --text-primary: #e3f2fd;
  --text-secondary: #90caf9;
  --text-muted: #5c8db8;
  --accent: #42a5f5;
  --accent-hover: #64b5f6;
  --accent-dim: #0d2137;
  --on-accent: #08121a;
  --danger: #ff6b68;
  --danger-hover: #ff8a80;
  --success: #66bb6a;
  --warning: #ffa726;
  --scrim: rgba(0, 0, 0, 0.7);
  --scene-bg: #081625;
  --scene-floor: #0c2440;
  --scene-border: #1a4a7a;
  --scene-grid: #153560;
  --scene-wall: #14395e;
  --scene-wall-edge: #1e5a94;
  --scene-sky: #87ceeb;
  --scene-ground: #4a6741;
  --scene-light-sky: #6688cc;
  --scene-light-ground: #333344;
  --scene-ambient: #404060;
  --cool-1: #4fc3f7;
  --cool-2: #42a5f5;
  --cool-3: #1565c0;
  --cool-4: #0d47a1;
  --warm-1: #ffa726;
  --warm-2: #ff7043;
  --warm-3: #ef5350;
  --warm-4: #c62828;
  --residual-p-rgh: #ff6b6b;
  --residual-ux: #4ecdc4;
  --residual-uy: #45b7d1;
  --residual-uz: #96ceb4;
  --residual-t: #feca57;
  --residual-k: #ff9ff3;
  --residual-epsilon: #54a0ff;
  --residual-omega: #c39bd3;
  --residual-axis: #90caf9;
  --residual-grid: rgba(255, 255, 255, 0.08);
  --shadow-1: 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.5);
}

html[data-theme="graphite"] {
  --bg-primary: #1e1e1e;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #383838;
  --bg-hover: #3e3e3e;
  --bg-active: #505050;
  --border: #404040;
  --text-primary: #d4d4d4;
  --text-secondary: #9d9d9d;
  --text-muted: #5a5a5a;
  --accent: #569cd6;
  --accent-hover: #6cb2eb;
  --accent-dim: #264f78;
  --on-accent: #08121a;
  --danger: #ff6b68;
  --danger-hover: #ff8a80;
  --success: #66bb6a;
  --warning: #ffa726;
  --scrim: rgba(0, 0, 0, 0.7);
  --scene-bg: #1a1a1a;
  --scene-floor: #2a2a2a;
  --scene-border: #4a4a4a;
  --scene-grid: #3a3a3a;
  --scene-wall: #3c3c3c;
  --scene-wall-edge: #575757;
  --scene-sky: #87ceeb;
  --scene-ground: #4a6741;
  --scene-light-sky: #9a9a9a;
  --scene-light-ground: #3a3a3a;
  --scene-ambient: #505050;
  --cool-1: #4fc3f7;
  --cool-2: #42a5f5;
  --cool-3: #1565c0;
  --cool-4: #0d47a1;
  --warm-1: #ffa726;
  --warm-2: #ff7043;
  --warm-3: #ef5350;
  --warm-4: #c62828;
  --residual-p-rgh: #ff6b6b;
  --residual-ux: #4ecdc4;
  --residual-uy: #45b7d1;
  --residual-uz: #96ceb4;
  --residual-t: #feca57;
  --residual-k: #ff9ff3;
  --residual-epsilon: #54a0ff;
  --residual-omega: #c39bd3;
  --residual-axis: #9d9d9d;
  --residual-grid: rgba(255, 255, 255, 0.08);
  --shadow-1: 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.5);
}

:root {
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-pill: 999px;
  --text-2xs: 10px;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 22px;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 300ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --z-base: 1;
  --z-sticky: 10;
  --z-docked: 100;
  --z-statusbar: 500;
  --z-dropdown: 1000;
  --z-overlay: 2000;
  --z-overlay-high: 9000;
  --z-toast: 9500;
  --z-boot-error: 9999;
  --sidebar-width: 260px;
  --toolbar-height: 28px;
  --statusbar-height: 28px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;
}