/*
 * Default Theme — CSS Custom Properties
 *
 * Dark mode is the default. Light mode activates via [data-theme="light"].
 * All colors use custom properties so any theme can override them.
 */

/* ── Dark mode (default) ────────────────────────────────────────── */
:root {
  /* Backgrounds */
  --bg:          #0f1117;
  --bg2:         #181c26;
  --bg3:         #1e2333;

  /* Borders */
  --border:      rgba(255, 255, 255, 0.08);
  --border2:     rgba(255, 255, 255, 0.15);

  /* Text */
  --text:        #e8e6df;
  --text2:       #9a9690;
  --text3:       #5c5a56;

  /* Accent — neutral blue-grey by default */
  --accent:      #6b8afd;
  --accent2:     #4f6fdb;
  --abg:         rgba(107, 138, 253, 0.10);

  /* Semantic colors */
  --red:         #e24b4a;
  --green:       #27c27c;
  --blue:        #4a9eff;
  --yellow:      #e2b33a;

  /* Radii */
  --r:           10px;
  --rlg:         16px;

  /* Shadows */
  --sh:          0 4px 24px rgba(0, 0, 0, 0.4);
  --sh-sm:       0 2px 8px rgba(0, 0, 0, 0.3);

  /* Transition */
  --tr:          0.18s ease;

  /* Typography */
  --fh:          system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fb:          system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Layout */
  --nav-height:  56px;
  --container:   1180px;
  --gap:         26px;
  --sidebar-w:   295px;
}

/* ── Light mode ─────────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:          #faf9f6;
  --bg2:         #ffffff;
  --bg3:         #f0ede8;

  --border:      rgba(0, 0, 0, 0.08);
  --border2:     rgba(0, 0, 0, 0.15);

  --text:        #1a1814;
  --text2:       #6b6760;
  --text3:       #aaa89f;

  --accent:      #4a6ae0;
  --accent2:     #3554c0;
  --abg:         rgba(74, 106, 224, 0.08);

  --sh:          0 4px 24px rgba(0, 0, 0, 0.08);
  --sh-sm:       0 2px 8px rgba(0, 0, 0, 0.06);
}