59 lines
1.8 KiB
CSS
59 lines
1.8 KiB
CSS
/**
|
|
* Hermes Hub — Design Tokens System
|
|
* Variables CSS modifiables et substituables par Claude Design
|
|
*/
|
|
:root {
|
|
/* Surfaces & Backgrounds (Dark Mode par défaut) */
|
|
--hub-bg-canvas: #0c0e12;
|
|
--hub-bg-sidebar: #13161c;
|
|
--hub-bg-card: #1a1e26;
|
|
--hub-bg-card-hover: #222733;
|
|
--hub-bg-active: #2b3242;
|
|
--hub-bg-glass: rgba(19, 22, 28, 0.85);
|
|
|
|
/* Borders & Dividers */
|
|
--hub-border-subtle: #232833;
|
|
--hub-border-medium: #303746;
|
|
--hub-border-focus: #4b5563;
|
|
|
|
/* Typography Colors */
|
|
--hub-text-primary: #f3f4f6;
|
|
--hub-text-secondary: #9ca3af;
|
|
--hub-text-muted: #6b7280;
|
|
--hub-text-inverse: #030712;
|
|
|
|
/* Status Colors */
|
|
--hub-status-online: #10b981;
|
|
--hub-status-degraded: #f59e0b;
|
|
--hub-status-offline: #ef4444;
|
|
|
|
/* Universe Accent Tokens (Substituables) */
|
|
--accent-tt: #3b82f6; /* TT Blue */
|
|
--accent-tt-glow: rgba(59, 130, 246, 0.25);
|
|
|
|
--accent-nyora: #10b981; /* Nyora Emerald */
|
|
--accent-nyora-glow: rgba(16, 185, 129, 0.25);
|
|
|
|
--accent-perso: #f97316; /* Perso Warm Orange */
|
|
--accent-perso-glow: rgba(249, 115, 22, 0.25);
|
|
|
|
--accent-nabil: #8b5cf6; /* Nabil Purple / Gold */
|
|
--accent-nabil-glow: rgba(139, 92, 246, 0.25);
|
|
|
|
/* Current Active Accent (Dynamically mapped via JS) */
|
|
--hub-accent-current: var(--accent-tt);
|
|
--hub-accent-glow-current: var(--accent-tt-glow);
|
|
|
|
/* Typography & Layout Metrics */
|
|
--hub-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
--hub-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
--hub-radius-sm: 6px;
|
|
--hub-radius-md: 10px;
|
|
--hub-radius-lg: 14px;
|
|
--hub-radius-full: 9999px;
|
|
|
|
--hub-sidebar-width: 260px;
|
|
--hub-sidebar-collapsed-width: 72px;
|
|
--hub-header-height: 56px;
|
|
}
|