/* ═══════════════════════════════════════════════════════
   HyrePad v2 — Design Tokens
   Source de vérité pour toutes les valeurs du design system
   ═══════════════════════════════════════════════════════ */

:root {
  /* ─── Chrome (sidebar + topbar sombres) ─── */
  --chrome-bg: #0a0f1f;
  --chrome-border: rgba(126, 184, 247, 0.08);
  --chrome-border-strong: rgba(126, 184, 247, 0.15);
  --chrome-text: #f4f6fb;
  --chrome-text-muted: rgba(244, 246, 251, 0.55);
  --chrome-text-subtle: rgba(244, 246, 251, 0.35);

  /* ─── Contenu (zone claire bleutée) ─── */
  --bg: #f4f6fb;
  --surface: #ffffff;
  --surface-alt: #fafbfe;
  --border: #dde3ee;
  --border-strong: #c5cde0;

  /* ─── Accents signature ─── */
  --crystal: #7eb8f7;
  --indigo: #4a6fd4;
  --blue-deep: #1a3a8f;
  --navy-brand: #112060;
  --logo-blue: #1d4ed8;

  /* ─── Texte ─── */
  --text-1: #0a0f1f;
  --text-2: #2a3040;
  --text-3: #5a6170;
  --text-4: #8a8f9c;

  /* ─── Sémantique (palette sourde premium) ─── */
  --success: #2d7a5f;
  --success-bg: #e8f3ed;
  --warn: #b8761f;
  --warn-bg: #fbf2e0;
  --danger: #a8392e;
  --danger-bg: #f9e8e4;
  --info: #3a5ca8;
  --info-bg: #e7edf8;

  /* ─── Clients ─── */
  --client-accor: #d9822b;
  --client-stime: #3b5bc9;
  --client-carrefour: #c02f3a;
  --client-ca: #167d3d;

  /* ─── Contrats (statuts consultants) ─── */
  --contrat-intm-cdi: #10b981;
  --contrat-intm-ps: #6366f1;
  --contrat-st: #e8a230;
  --contrat-ps: #8b5cf6;

  /* ─── Typographie ─── */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* ─── Radius ─── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* ─── Shadows ─── */
  --shadow-xs: 0 1px 2px rgba(10, 15, 31, 0.04);
  --shadow-sm: 0 2px 6px rgba(10, 15, 31, 0.06);
  --shadow-md: 0 6px 18px rgba(10, 15, 31, 0.08);
  --shadow-lg: 0 16px 40px rgba(10, 15, 31, 0.12);

  /* ─── Transitions ─── */
  --t-fast: 0.15s ease;
  --t-base: 0.2s ease;
  --t-slow: 0.35s ease;

  /* ─── Layout ─── */
  --sidebar-width: 240px;
  --topbar-height: 56px;
  --content-max: 1440px;
}