/* Linktech Portal — Design tokens (alineados con el sitio principal) */ :root { color-scheme: dark; --black: #000000; --dark: #0a0a0a; --dark-2: #111111; --dark-3: #1a1a1a; --dark-4: #222222; --gray-1: #2e2e2e; --gray-2: #444444; --gray-3: #666666; --gray-4: #888888; --gray-5: #aaaaaa; --light: #f0f0f0; --white: #ffffff; --border: rgba(255,255,255,0.08); --border-hover: rgba(255,255,255,0.2); --blue: #0A84FF; --green: #30D158; --amber: #FF9F0A; --red: #FF453A; --purple: #BF5AF2; --font: 'Inter', system-ui, -apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif; --radius: 12px; --radius-lg: 20px; --transition: 0.22s cubic-bezier(.4,0,.2,1); /* Tokens semánticos (cambian con el tema) */ --bg: var(--dark); --surface: var(--dark-2); --surface-2: var(--dark-3); --text: #ffffff; --text-muted: var(--gray-4); --hover: rgba(255,255,255,.05); --hover-2: rgba(255,255,255,.02); --nav-bg: rgba(10,10,10,.92); } /* Tema claro — se activa con data-theme="light" en */ :root[data-theme="light"] { color-scheme: light; --bg: #f5f5f7; --surface: #ffffff; --surface-2: #f0f0f0; --text: #1d1d1f; --text-muted: #6e6e73; --border: rgba(0,0,0,0.10); --border-hover: rgba(0,0,0,0.28); --hover: rgba(0,0,0,.04); --hover-2: rgba(0,0,0,.02); --nav-bg: rgba(245,245,247,.92); /* Mapear los tokens "dark" a valores claros, para que el CSS existente que los usa (backgrounds de cards, paneles, etc.) siga funcionando. */ --dark: #f5f5f7; --dark-2: #ffffff; --dark-3: #f0f0f0; --dark-4: #e8e8ed; }