/* ── CSS Variables — Light/Dark ──────────────────────────── */
:root,[data-theme="light"]{
  --accent:            #4f6ef7;
  --accent-light:      #7c93f9;
  --accent-faint:      rgba(79,110,247,.12);
  --bg-page:           #f0f2f9;
  --surface:           #ffffff;
  --surface-alt:       #f7f8ff;
  --border:            #e4e8f5;
  --text-primary:      #1a1f36;
  --text-secondary:    #4a5568;
  --text-muted:        #8492a6;
  --bg-input:          #f7f8ff;
  --shadow:            0 4px 24px rgba(79,110,247,.08);
  --shadow-lg:         0 12px 40px rgba(79,110,247,.14);
  --shadow-sm:         0 2px 8px rgba(79,110,247,.06);
  --danger:            #f56565;
  --success:           #48bb78;
  --warning:           #ecc94b;
  --folder-color:      #f6ad55;
  --user-folder-color: #6b8afb;
  --chat-me:           #dcf8c6;
  --chat-other:        #ffffff;
  --chat-bg:           #e5ddd5;
}
[data-theme="dark"]{
  --accent:            #6b8afb;
  --accent-light:      #93a8fd;
  --accent-faint:      rgba(107,138,251,.15);
  --bg-page:           #0f1117;
  --surface:           #1a1d2e;
  --surface-alt:       #151825;
  --border:            #2a2f45;
  --text-primary:      #e8eaf6;
  --text-secondary:    #9ba4c4;
  --text-muted:        #5c6480;
  --bg-input:          #151825;
  --shadow:            0 4px 24px rgba(0,0,0,.4);
  --shadow-lg:         0 12px 40px rgba(0,0,0,.5);
  --shadow-sm:         0 2px 8px rgba(0,0,0,.3);
  --danger:            #fc8181;
  --success:           #68d391;
  --warning:           #f6e05e;
  --folder-color:      #f6ad55;
  --user-folder-color: #93a8fd;
  --chat-me:           #056162;
  --chat-other:        #1f2c34;
  --chat-bg:           #0d1418;
}