57 lines
1.6 KiB
CSS
57 lines
1.6 KiB
CSS
/* ── Reset & Base ── */
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
:root {
|
|
--bg: #0a1016;
|
|
--bg2: #0f1721;
|
|
--bg3: #14202d;
|
|
--bg4: #182636;
|
|
--bg5: #203246;
|
|
--border: #243241;
|
|
--border2: #344759;
|
|
--text: #edf5ff;
|
|
--text2: #93a8bc;
|
|
--text3: #5d7288;
|
|
--accent: #48a6ff;
|
|
--accent2: #2f8ae3;
|
|
--accent-glow: rgba(72,166,255,0.16);
|
|
--user-bg: #10263f;
|
|
--user-border: #214468;
|
|
--asst-bg: #101924;
|
|
--asst-border: #243241;
|
|
--danger: #f04040;
|
|
--success: #30d158;
|
|
--warning: #ffd60a;
|
|
--code-bg: #0d0d10;
|
|
--radius-sm: 6px;
|
|
--radius: 10px;
|
|
--radius-lg: 14px;
|
|
--shadow: 0 2px 12px rgba(0,0,0,0.4);
|
|
--shadow-lg: 0 8px 32px rgba(0,0,0,0.6);
|
|
font-size: 15px;
|
|
}
|
|
|
|
html, body, #root {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: "Segoe UI Variable", "SF Pro Display", "IBM Plex Sans", "Inter", system-ui, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
/* ── Scrollbar ── */
|
|
::-webkit-scrollbar { width: 5px; height: 5px; }
|
|
::-webkit-scrollbar-track { background: transparent; }
|
|
::-webkit-scrollbar-thumb { background: var(--bg5); border-radius: 3px; }
|
|
::-webkit-scrollbar-thumb:hover { background: var(--border2); }
|
|
|
|
/* ── Selection ── */
|
|
::selection { background: var(--accent-glow); color: var(--text); }
|
|
|
|
/* ── Focus ring ── */
|
|
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-sm); }
|
|
|
|
/* ── Highlight.js theme override ── */
|
|
.hljs { background: var(--code-bg) !important; }
|