/* * Design tokens — Synerasis API Docs * Claro por padrão; [data-bs-theme="dark"] no troca pro escuro * (mesmo mecanismo do app principal: head-libs.php + barra-perfil-topo.php). * Blocos de código ficam sempre escuros nos dois temas (padrão de mercado). */ :root { /* Marca — únicas 4 cores oficiais */ --brand-blue: #006EAE; --brand-green: #1CAA83; --brand-sky: #41A2FF; --brand-cyan: #00C0DF; /* Superfícies (claro) */ --bg: #f4f7fa; --surface: #ffffff; --surface-2: #eef4f7; --surface-3: #e3edf2; --border: #dbe5eb; --border-strong: #bed0da; /* Texto (claro) */ --text-hi: #102b3a; --text-mid: #49616e; --text-low: #5b7480; --danger: #d9534f; --danger-bg: #fdeeee; --success-bg: #e7f7f1; --warning: #f0a500; --warning-bg: #fff8e6; /* Código — sempre escuro, mesmos tokens do dark mode do site */ --code-bg: #0d1424; --code-bg-2: #141f35; --code-border: #24344f; --code-text: #e3e9f4; --code-mid: #8fa2c2; --radius-sm: 8px; --radius: 12px; --radius-lg: 16px; --shadow: 0 8px 24px rgba(8, 57, 84, .08); --shadow-lg: 0 20px 48px rgba(5, 42, 65, .16); --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-display: 'Manrope', 'IBM Plex Sans', sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --sidebar-w: 284px; --topbar-h: 72px; } :root[data-bs-theme="dark"] { --bg: #06121c; --surface: #0b1c29; --surface-2: #102736; --surface-3: #173547; --border: #1d3b4d; --border-strong: #2a5268; --text-hi: #f2f8fa; --text-mid: #b0c1c9; --text-low: #7f9ba8; --danger: #ff5d73; --danger-bg: rgba(255, 93, 115, .12); --success-bg: rgba(28, 170, 131, .14); --warning: #f6c343; --warning-bg: rgba(246, 195, 67, .12); --code-bg: #080d18; --code-bg-2: #101a30; --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 20px rgba(0, 0, 0, .35); --shadow-lg: 0 8px 40px rgba(0, 0, 0, .45); }