/* ==========================================================
   Theme: Inspexio — Inspection d'ouvrages d'art
   --------------------------------------------------------
   Deep blue + electric cyan palette. Technical, precise.
   ========================================================== */

:root {
  /* ===== Brand core ===== */
  --ix-blue:      #33368F;
  --ix-blue-dark: #272A6E;
  --ix-deep:      #1C1E52;
  --ix-blue-tint: #DCF2FF;
  --ix-cyan:      #30D5EE;
  --ix-teal:      #26B8A8;
  --ix-midnight:  #0C0E2A;

  /* ===== Extended neutrals (cold blue-grey) ===== */
  --kn-ink:       #0C1F2E;
  --kn-slate-900: #162A3A;
  --kn-slate-700: #3A5060;
  --kn-slate-500: #6B8090;
  --kn-slate-300: #B0BEC5;
  --kn-slate-200: #D5DDE2;
  --kn-slate-100: #ECF0F3;
  --kn-slate-50:  #F5F7F8;
  --kn-paper:     #F8FAFB;
  --kn-white:     #FFFFFF;

  /* ===== Dark surface tints ===== */
  --kn-midnight-1: #111336;
  --kn-midnight-2: #191B48;
  --kn-midnight-3: #22245A;
  --kn-midnight-fog: rgba(255,255,255,0.08);

  /* ===== Brand semantic aliases ===== */
  --brand-primary:       var(--ix-blue);
  --brand-primary-hover:  var(--ix-blue-dark);
  --brand-primary-press:  var(--ix-deep);
  --brand-primary-tint:   var(--ix-blue-tint);
  --brand-primary-ink:    #FFFFFF;
  --brand-accent:         var(--ix-cyan);
  --brand-accent-text:    var(--ix-teal);
  --brand-dark:           var(--ix-midnight);
  --brand-dark-1:         var(--kn-midnight-1);
  --brand-dark-2:         var(--kn-midnight-2);

  /* ===== Foreground / background aliases ===== */
  --fg-1: var(--kn-ink);
  --fg-2: var(--kn-slate-700);
  --fg-3: var(--kn-slate-500);
  --fg-onDark-1: #FFFFFF;
  --fg-onDark-2: rgba(255,255,255,0.72);
  --fg-onDark-3: rgba(255,255,255,0.48);

  --bg-1: var(--kn-paper);
  --bg-2: var(--kn-white);
  --bg-3: var(--ix-blue-tint);
  --bg-dark-1: var(--ix-midnight);
  --bg-dark-2: var(--kn-midnight-1);

  /* ===== Shadows ===== */
  --shadow-1: 0 1px 2px rgba(10,30,42,0.06), 0 1px 0 rgba(10,30,42,0.04);
  --shadow-2: 0 2px 4px rgba(10,30,42,0.08);
  --shadow-3: 0 8px 16px rgba(10,30,42,0.10);
  --shadow-4: 0 18px 40px rgba(10,30,42,0.18);
  --shadow-focus: 0 0 0 3px rgba(51,54,143,0.28);

  /* ===== Borders ===== */
  --border-subtle: 1px solid var(--kn-slate-200);
  --border-strong: 1px solid var(--kn-slate-300);
  --border-onDark: 1px solid rgba(255,255,255,0.10);
}