/**
 * 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;
}