:root {
  /* Primary Brand Colors - derived from ABCool Tech logo & website (dark teal) */
  --ac-teal: #2C5F6F;
  --ac-teal-light: #3A7A8A;
  --ac-teal-dark: #1E4350;

  --ac-accent: #4ECDC4;
  --ac-accent-light: #6EDBD4;
  --ac-accent-dark: #38B2AA;

  --ac-slate: #334E5C;
  --ac-slate-light: #4A6A7A;
  --ac-slate-dark: #1F3340;

  /* Background & Surface */
  --ac-bg: #F4F7F8;
  --ac-bg-alt: #EBF0F2;
  --ac-card: #FFFFFF;

  /* Text */
  --ac-text-primary: #1E3A46;
  --ac-text-secondary: #5A7A88;
  --ac-text-muted: #8FA4AE;

  /* Borders & Dividers */
  --ac-border: #D2DFE3;
  --ac-border-light: #E4ECF0;

  /* Gradients */
  --ac-gradient-teal: linear-gradient(135deg, var(--ac-teal) 0%, var(--ac-teal-dark) 100%);
  --ac-gradient-accent: linear-gradient(135deg, var(--ac-accent) 0%, var(--ac-accent-dark) 100%);

  /* Shadows */
  --ac-shadow-sm: 0 1px 3px rgba(30, 67, 80, 0.06);
  --ac-shadow-md: 0 4px 16px rgba(30, 67, 80, 0.08);
  --ac-shadow-lg: 0 8px 32px rgba(30, 67, 80, 0.10);
  --ac-shadow-xl: 0 16px 48px rgba(30, 67, 80, 0.12);

  /* Feedback */
  --ac-error: #DC3545;
  --ac-error-bg: rgba(220, 53, 69, 0.08);
  --ac-error-border: rgba(220, 53, 69, 0.20);

  --ac-success: #10B981;
  --ac-success-bg: rgba(16, 185, 129, 0.08);

  /* Barre de navigation — même tonalité que le fond du logo (PNG) */
  --ac-header-bg-top: #1e4d5c;
  --ac-header-bg-bottom: #163842;
  --ac-header-gradient: linear-gradient(
    180deg,
    var(--ac-header-bg-top) 0%,
    var(--ac-header-bg-bottom) 100%
  );
  --ac-header-border: rgba(255, 255, 255, 0.12);
  --ac-header-shadow: 0 2px 12px rgba(10, 28, 34, 0.35);
  --ac-header-text: #f0faf9;
  --ac-header-text-muted: rgba(240, 250, 249, 0.78);
  --ac-header-btn-border: rgba(255, 255, 255, 0.38);
  --ac-header-btn-hover-bg: rgba(255, 255, 255, 0.12);
  --ac-header-chip-bg: rgba(255, 255, 255, 0.12);
  --ac-header-chip-border: rgba(255, 255, 255, 0.28);
  --ac-header-chip-icon: #9cf0e8;
  --ac-header-tab-well: rgba(255, 255, 255, 0.08);
  --ac-header-tab-well-border: rgba(255, 255, 255, 0.14);
  --ac-header-logout-hover-bg: rgba(220, 53, 69, 0.22);
  --ac-header-logout-hover-border: rgba(255, 170, 170, 0.55);
  --ac-header-logout-hover-text: #ffe0e3;
}