/* ── VYBE DESIGN SYSTEM ── */
:root {
  /* Brand */
  --cyan:   #00cafe;
  --violet: #6e08f1;
  --magenta:#e84fd4;
  --lime:   #b9ff66;
  --warm:   #ffc66d;

  /* Dark theme (default) */
  --ink:       #04050d;
  --ink-soft:  #090b18;
  --panel:     #0d1020;
  --panel-2:   #14172b;
  --line:      rgba(133,151,220,.18);
  --text:      #fbfbff;
  --text-muted:#8b95b4;
  --bg:        #04050d;
  --surface:   #0d1020;
  --border:    rgba(133,151,220,.22);

  /* Semantic aliases (keep old names working) */
  --primary:       var(--cyan);
  --primary-light: #3ac8fe;
  --success: #b9ff66;
  --warning: #ffc66d;
  --danger:  #ff7b8f;

  --radius:    16px;
  --radius-sm: 10px;
  --shadow:    0 26px 70px rgba(0,0,0,.38);
  --shadow-sm: 0 8px 24px rgba(0,0,0,.22);
}

/* ── MEDIUM theme (bleu marine profond) ── */
html[data-theme="medium"] {
  --ink:       #0d1628;
  --ink-soft:  #111e36;
  --panel:     #162040;
  --panel-2:   #1c2a50;
  --line:      rgba(80,120,220,.22);
  --text:      #dde4f8;
  --text-muted:#7a90c0;
  --bg:        #0d1628;
  --surface:   #162040;
  --border:    rgba(80,120,220,.30);
  --shadow:    0 26px 70px rgba(0,0,0,.55);
  --shadow-sm: 0 8px 24px rgba(0,0,0,.35);
}

/* ── LIGHT theme ── */
html[data-theme="light"] {
  --ink:       #eef2fb;
  --ink-soft:  #f7f9ff;
  --panel:     #ffffff;
  --panel-2:   #edf1fb;
  --line:      rgba(38,55,105,.15);
  --text:      #10172d;
  --text-muted:#68728e;
  --bg:        #eef2fb;
  --surface:   #ffffff;
  --border:    rgba(38,55,105,.18);
  --shadow:    0 26px 70px rgba(38,55,105,.14);
  --shadow-sm: 0 8px 24px rgba(38,55,105,.10);
}