/* ============================================================
   TrustyData Docs — tokens.css
   Charte graphique 2026 (subset for docs site).
   Source de vérité : trustydata-site/static/css/style.css.
   Ne jamais hardcoder de hex ici — toujours via variables.
   ============================================================ */

/* ── Fonts (self-hosted, latin only — docs site stays in French) ── */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('fonts/dm-sans-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('fonts/outfit-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('fonts/jetbrains-mono-latin.woff2') format('woff2');
}

:root {
  /* Palette principale */
  --deep-navy:    #0B1628;
  --ocean-blue:   #1B3A5C;
  --trust-blue:   #2D7BE5;
  --sky-accent:   #5BA8F5;
  --ice-blue:     #E8F2FF;
  --trust-blue-700: #2068CC;
  --ocean-deep:     #16213A;

  /* Status */
  --emerald:      #10B981;
  --emerald-soft: #D1FAE5;
  --amber-warn:   #F59E0B;
  --coral-alert:  #F43F5E;
  --violet:       #8B5CF6;

  /* Neutres */
  --white:        #FFFFFF;
  --cloud:        #F8FAFC;
  --mist:         #E2E8F0;
  --slate-300:    #CBD5E1;
  --slate-400:    #94A3B8;
  --slate-500:    #64748B;
  --slate-600:    #475569;
  --slate-700:    #334155;
  --charcoal:     #1E293B;

  /* Gradients */
  --gradient-hero:   linear-gradient(135deg, #0B1628 0%, #1B3A5C 40%, #2D7BE5 100%);
  --gradient-accent: linear-gradient(135deg, #2D7BE5 0%, #5BA8F5 50%, #10B981 100%);

  /* Typography stacks */
  --font-display: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-pill: 100px;

  /* Layout */
  --sidebar-w: 280px;
  --content-max: 760px;
  --header-h: 64px;
}