/* ==========================================================
   Theme: DR — Éditeur / Studio logiciel
   --------------------------------------------------------
   White & sky-blue palette. Clean, airy, technical.
   Neutrals have a cool blue tint.
   ========================================================== */

:root {
  /* ===== Brand core ===== */
  --dr-sky:        #4A97DB;
  --dr-sky-dark:   #3A7BBE;
  --dr-sky-deep:   #2B5F9E;
  --dr-sky-bright: #7BBDF0;
  --dr-sky-tint:   #DCF2FF;
  --dr-midnight:   #0E1E33;

  /* ===== Hero grid effect ===== */
  --dr-paper:      #EEF6FF;
  --dr-paper-2:    #F7FBFF;
  --dr-grid-line:  rgba(74,151,219,0.16);
  --dr-grid-line-2:rgba(74,151,219,0.30);

  /* ===== Extended neutrals (cool blue-grey) ===== */
  --kn-ink:       #0E1E33;
  --kn-slate-900: #1A2E45;
  --kn-slate-700: #3A5570;
  --kn-slate-500: #6889A5;
  --kn-slate-300: #A8C4D8;
  --kn-slate-200: #CBDEE9;
  --kn-slate-100: #E4EFF5;
  --kn-slate-50:  #EEF6FF;
  --kn-paper:     #F7FBFF;
  --kn-white:     #FFFFFF;

  /* ===== Dark surface tints ===== */
  --kn-midnight-1: #0E1E33;
  --kn-midnight-2: #162B42;
  --kn-midnight-3: #1E3854;
  --kn-midnight-fog: rgba(255,255,255,0.08);

  /* ===== Brand semantic aliases ===== */
  --brand-primary:       var(--dr-sky);
  --brand-primary-hover:  var(--dr-sky-dark);
  --brand-primary-press:  var(--dr-sky-deep);
  --brand-primary-tint:   var(--dr-sky-tint);
  --brand-primary-ink:    #FFFFFF;
  --brand-accent:         var(--dr-sky);
  --brand-dark:           var(--dr-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(--kn-slate-50);
  --bg-dark-1: var(--dr-midnight);
  --bg-dark-2: var(--kn-midnight-1);

  /* ===== Shadows ===== */
  --shadow-1: 0 1px 2px rgba(14,30,51,0.06), 0 1px 0 rgba(14,30,51,0.04);
  --shadow-2: 0 2px 4px rgba(14,30,51,0.08);
  --shadow-3: 0 8px 16px rgba(14,30,51,0.10);
  --shadow-4: 0 18px 40px rgba(14,30,51,0.18);
  --shadow-focus: 0 0 0 3px rgba(74,151,219,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);
}