/* Design Tokens — OmniSciences */ :root { /* Backgrounds */ --bg-primary: #0a1628; --bg-secondary: #0f1f3a; --bg-card: #121e35; --bg-code: #050d1a; --bg-code-block: #0c1a2e; --bg-hover: #162444; /* Text */ --text-primary: #f0f4f8; --text-secondary: #8899aa; --text-muted: #5a6a7a; --text-link: #00b4d8; /* Accent — default (physics/brand) */ --accent: #00b4d8; --accent-dim: rgba(0, 180, 216, 0.08); --accent-glow: rgba(0, 180, 216, 0.15); /* Domain accent overrides */ --color-physics: #00b4d8; --color-chemistry: #38d9a9; --color-medical: #f59e0b; --color-neuro: #a78bfa; --color-consciousness: #6366f1; --color-climate: #06b6d4; --color-radar: #f43f5e; --color-materials: #10b981; --color-toolkit: #00b4d8; /* Status */ --color-success: #38d9a9; --color-error: #ff6b6b; --color-warning: #ffd43b; /* Borders */ --border-color: rgba(255, 255, 255, 0.07); --border-accent: rgba(0, 180, 216, 0.3); /* Spacing */ --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 36px; --space-2xl: 48px; --space-3xl: 64px; --space-4xl: 96px; /* Border radius */ --radius-sm: 6px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 14px; /* Shadows */ --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.25); --shadow-glow: 0 0 24px rgba(0, 0, 0, 0.2); /* Transitions */ --transition-fast: 0.2s ease; --transition-normal: 0.3s ease; --transition-slow: 0.5s ease; /* Typography */ --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', monospace; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 2rem; --font-size-4xl: 2.5rem; --font-size-hero: clamp(2.5rem, 5.5vw, 4rem); /* Layout */ --container-max: 1140px; --nav-height: 64px; } /* Domain accent overrides via data-domain on */ [data-domain="chemistry"] { --accent: #38d9a9; --accent-dim: rgba(56, 217, 169, 0.08); --accent-glow: rgba(56, 217, 169, 0.15); --border-accent: rgba(56, 217, 169, 0.2); } [data-domain="medical"] { --accent: #f59e0b; --accent-dim: rgba(245, 158, 11, 0.08); --accent-glow: rgba(245, 158, 11, 0.15); --border-accent: rgba(245, 158, 11, 0.2); } [data-domain="neuro"] { --accent: #a78bfa; --accent-dim: rgba(167, 139, 250, 0.08); --accent-glow: rgba(167, 139, 250, 0.15); --border-accent: rgba(167, 139, 250, 0.2); } [data-domain="consciousness"] { --accent: #6366f1; --accent-dim: rgba(99, 102, 241, 0.08); --accent-glow: rgba(99, 102, 241, 0.15); --border-accent: rgba(99, 102, 241, 0.2); } [data-domain="climate"] { --accent: #06b6d4; --accent-dim: rgba(6, 182, 212, 0.08); --accent-glow: rgba(6, 182, 212, 0.15); --border-accent: rgba(6, 182, 212, 0.2); } [data-domain="radar"] { --accent: #f43f5e; --accent-dim: rgba(244, 63, 94, 0.08); --accent-glow: rgba(244, 63, 94, 0.15); --border-accent: rgba(244, 63, 94, 0.2); } [data-domain="materials"] { --accent: #10b981; --accent-dim: rgba(16, 185, 129, 0.08); --accent-glow: rgba(16, 185, 129, 0.15); --border-accent: rgba(16, 185, 129, 0.2); }