f9743bb29a
Full-stack implementation: FastAPI backend with PAM auth, WebSocket stats/terminal, and vanilla JS frontend with tiling desktop shell. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
51 lines
1.1 KiB
CSS
51 lines
1.1 KiB
CSS
/* Atlus Design Tokens */
|
|
:root {
|
|
/* Background layers (dark → light) */
|
|
--bg-dock: #0d0f14;
|
|
--bg-panel: #0d0f14;
|
|
--bg-stage: #111318;
|
|
--bg-titlebar: #161b27;
|
|
--bg-input: #0f1119;
|
|
|
|
/* Borders */
|
|
--border-structural: #1e2130;
|
|
--border-component: #2a2d36;
|
|
|
|
/* Text */
|
|
--text-primary: #c8ccd8;
|
|
--text-secondary: #8891a8;
|
|
--text-muted: #4a5068;
|
|
--text-ghost: #2e3348;
|
|
|
|
/* Accent */
|
|
--accent: #6ea6f0;
|
|
--accent-dim: rgba(110, 166, 240, 0.12);
|
|
--accent-hover: rgba(110, 166, 240, 0.08);
|
|
|
|
/* Status */
|
|
--status-green: #3ab86a;
|
|
--status-amber: #e09a2a;
|
|
--status-red: #e05a4a;
|
|
|
|
/* Fonts */
|
|
--font-mono: 'IBM Plex Mono', monospace;
|
|
--font-ui: 'Inter', sans-serif;
|
|
|
|
/* Spacing */
|
|
--dock-width: 72px;
|
|
--panel-width: 240px;
|
|
--tab-height: 40px;
|
|
--titlebar-height: 36px;
|
|
|
|
/* Touch targets */
|
|
--tap-min: 48px;
|
|
|
|
/* Radii */
|
|
--radius-sm: 4px;
|
|
--radius-md: 8px;
|
|
--radius-lg: 12px;
|
|
|
|
/* Transitions */
|
|
--transition-fast: 0.15s ease;
|
|
--transition-base: 0.2s ease;
|
|
}
|