/* Design Tokens & CSS Variables - Whisp It (Flat Style, Orange en Accent Strict) */
:root {
  /* Fonds neutres et epures */
  --bg-app: #f4f6f9;
  --bg-card: #ffffff;
  --bg-sidebar: #ffffff;
  --bg-input: #f8fafc;
  --bg-input-focus: #ffffff;
  --bg-hover: #f1f5f9;
  
  /* Orange - Utilise STRICTEMENT comme couleur d accent */
  --accent-orange: #ff5e3a;
  --accent-orange-soft: rgba(255, 94, 58, 0.1);
  --accent-orange-border: rgba(255, 94, 58, 0.25);
  
  /* Boutons Principaux & Neutres */
  --btn-primary-bg: #0f172a;
  --btn-primary-hover: #1e293b;
  --btn-primary-text: #ffffff;
  
  --btn-record-active: #dc2626;
  
  /* Bordures (Style Flat sans ombres) */
  --border-subtle: #f1f5f9;
  --border-card: #e2e8f0;
  --border-input: #cbd5e1;
  --border-focus: #ff5e3a;
  
  /* Typographie */
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --text-white: #ffffff;
  
  /* Arrondis */
  --radius-card: 24px;
  --radius-pill: 9999px;
  --radius-item: 14px;
  --radius-badge: 12px;
  
  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}