/* ═══════════════════════════════════════════════════════════════ Rainbow Peptide — Design Tokens Dark mode is default. Light mode applied via [data-theme="light"] on . Script in sets this before first paint. ═══════════════════════════════════════════════════════════════ */ /* ── DEFAULT: DARK MODE ── */ :root { /* Semantic tokens (new) */ --bg-primary: #0D0D0D; --bg-secondary: #161B22; --bg-card: #1C2333; --bg-input: #0D1117; --text-primary: #F5F5F3; --text-secondary: #C9D1D9; --text-muted: #8B949E; --border-color: #30363D; --accent-teal: #00E5CC; --accent-gold: #C9A84C; --cta: #7C3AED; --cta-hover: #6D28D9; --success: #1A7F37; --warning: #9A6700; --danger: #CF222E; --shadow-card: 0 4px 24px rgba(0,0,0,0.4); --shadow-glow-teal: 0 0 24px rgba(0,229,204,0.25); --shadow-glow-gold: 0 0 24px rgba(201,168,76,0.25); --radius-pill: 999px; /* Legacy aliases — keep existing pages working */ --color-primary: #0D0D0D; --color-accent-teal: #00E5CC; --color-accent-gold: #C9A84C; --color-neutral-light: #F5F5F3; --color-neutral-mid: #D1D5DB; --color-cta: #7C3AED; --color-success: #1A7F37; --color-warning: #9A6700; --color-danger: #CF222E; /* Subline brand colors */ --subline-soma: #00E5CC; --subline-axon: #7C3AED; --subline-aura: #C9A84C; --subline-regeneris: #2E6DB4; --subline-apex: #FF6B35; /* Global */ --font-body: 'Inter', Arial, 'Helvetica Neue', sans-serif; --radius: 6px; --max-w: 1200px; --transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease, box-shadow 300ms ease; }