/* ==========================================================================
   Agendia — Design Tokens
   Importés depuis MonEspaceACM (Brand Bible 2026-04-19), palette marbre Navy.
   NE PAS modifier directement : recopier depuis monespaceacm/public/css/app.css.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Palette marbre — Brand Bible */
  --color-navy: #0C1B4D;
  --color-navy-mid: #1A2F6B;
  --color-navy-light: #2A4399;
  --color-sky: #0097E6;
  --color-sky-light: #48C9F0;
  --color-sky-pale: #E8F7FD;

  /* Semantique */
  --color-success: #00C896;
  --color-success-subtle: #E0FBF4;
  --color-warning: #FFB800;
  --color-warning-subtle: #FFF8E1;
  --color-danger: #FF4757;
  --color-danger-hover: #E83E4E;
  --color-danger-subtle: #FFF0F1;

  /* Surfaces */
  --color-bg: #FAFAF8;
  --color-bg-secondary: #F2F2EE;
  --color-bg-tertiary: #EAEAE6;
  --color-card: #FFFFFF;
  --color-card-hover: #F8F8F6;
  --color-border: rgba(0, 0, 0, 0.07);
  --color-border-strong: rgba(0, 0, 0, 0.12);

  /* Texte */
  --color-text: #0A0F1E;
  --color-text-secondary: #3A3D4A;
  --color-text-muted: #8A8D9A;

  /* Boutons primaires — Marbre Navy Authority (login MonEspaceACM) */
  --btn-primary-bg: #0C1B4D;
  --btn-primary-text: #FFFFFF;
  --btn-primary-bg-hover: #1A2F6B;
  --btn-primary-bg-active: #2A4399;
  --btn-primary-bg-disabled: rgba(12, 27, 77, 0.5);
  --btn-primary-text-disabled: rgba(255, 255, 255, 0.7);
  --btn-primary-focus-ring: rgba(12, 27, 77, 0.35);

  /* Bouton danger (annulation) */
  --btn-danger-bg: #FF4757;
  --btn-danger-bg-hover: #E83E4E;

  /* Typographie */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Syne', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace;

  /* Layout */
  --border-radius: 8px;
  --border-radius-sm: 6px;
  --border-radius-lg: 12px;

  /* Ombres */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;

  /* Largeur container */
  --container-max: 1024px;
}