/* ============================================================
   variables.css — Design tokens: dark (default) & light theme
   ============================================================ */

:root {
  /* ── Dark theme (default) ── */
  --bg:        #0D1117;
  --card:      #161B22;
  --card2:     #1C2128;
  --border:    #30363D;
  --text:      #E6EDF3;
  --text2:     #8B949E;
  --accent:    #1F6FEB;
  --accent2:   #388BFD;
  --green:     #3FB950;
  --red:       #F78166;
  --yellow:    #D29922;
  --shadow:    rgba(0,0,0,.45);
  --overlay:   rgba(0,0,0,.72);

  /* ── Spacing ── */
  --radius:    10px;
  --gap-sm:    8px;
  --gap-md:    14px;
  --gap-lg:    20px;
  --gap-xl:    28px;
  --pad-card:  20px;

  /* ── Typography ── */
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  /* ── Sidebar ── */
  --sidebar-width: 220px;

  /* ── Transitions ── */
  --transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* ── Light theme ── */
body.light {
  --bg:      #F6F8FA;
  --card:    #FFFFFF;
  --card2:   #F0F2F5;
  --border:  #D0D7DE;
  --text:    #1F2328;
  --text2:   #57606A;
  --accent:  #0969DA;
  --accent2: #218BFF;
  --green:   #1A7F37;
  --red:     #CF222E;
  --yellow:  #9A6700;
  --shadow:  rgba(0,0,0,.09);
  --overlay: rgba(0,0,0,.55);
}