/* ========================================
   MiniCodex Admin — Design Tokens
   ======================================== */
:root {
  /* Surfaces */
  --bg-body:      #0c0a1e;
  --bg-sidebar:   #0f0d24;
  --bg-card:      #1a1640;
  --bg-card-alt:  #201b4a;
  --bg-input:     #252148;
  --bg-hover:     rgba(20, 207, 188, .06);
  --bg-selected:  rgba(20, 207, 188, .10);

  /* Text */
  --text-primary:   #f0effa;
  --text-secondary: #a8a3c7;
  --text-muted:     #6e6896;
  --text-inverse:   #0c0a1e;

  /* Brand */
  --accent:         #14CFBC;
  --accent-hover:   #11b5a5;
  --accent-soft:    rgba(20, 207, 188, .12);
  --purple:         #5C51A2;
  --purple-soft:    rgba(92, 81, 162, .18);
  --yellow:         #FFE830;
  --yellow-soft:    rgba(255, 232, 48, .12);

  /* Semantic */
  --success:  #14CFBC;
  --warning:  #FFE830;
  --danger:   #ff6b6b;
  --info:     #6ba3ff;

  /* Borders & shadows */
  --border:       rgba(255, 255, 255, .08);
  --border-hover: rgba(255, 255, 255, .14);
  --shadow-sm:    0 2px 8px rgba(0, 0, 0, .20);
  --shadow-md:    0 6px 24px rgba(0, 0, 0, .28);
  --shadow-lg:    0 12px 48px rgba(0, 0, 0, .35);

  /* Radius */
  --radius-xs:  6px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  20px;

  /* Layout */
  --sidebar-w:   260px;
  --topbar-h:    56px;

  /* Typography */
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;
  --fs-xs:   .75rem;
  --fs-sm:   .8125rem;
  --fs-base: .9rem;
  --fs-md:   1rem;
  --fs-lg:   1.15rem;
  --fs-xl:   1.35rem;
  --fs-2xl:  1.65rem;
  --fs-3xl:  2rem;

  /* Topbar */
  --topbar-bg: rgba(12, 10, 30, .85);

  /* Transitions */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --dur:  .2s;
}

/* ========================================
   Light Theme
   ======================================== */
[data-theme="light"] {
  --bg-body:      #f4f3f8;
  --bg-sidebar:   #ffffff;
  --bg-card:      #ffffff;
  --bg-card-alt:  #f0eef6;
  --bg-input:     #eae8f2;
  --bg-hover:     rgba(20, 207, 188, .06);
  --bg-selected:  rgba(20, 207, 188, .10);

  --text-primary:   #1a1640;
  --text-secondary: #4a4570;
  --text-muted:     #7a7598;
  --text-inverse:   #f0effa;

  --accent:         #0fb3a2;
  --accent-hover:   #0d9e8f;
  --accent-soft:    rgba(15, 179, 162, .10);
  --purple:         #5C51A2;
  --purple-soft:    rgba(92, 81, 162, .12);
  --yellow:         #d4a800;
  --yellow-soft:    rgba(212, 168, 0, .10);

  --success:  #0fb3a2;
  --warning:  #d4a800;
  --danger:   #e04545;
  --info:     #4a82e0;

  --border:       rgba(0, 0, 0, .08);
  --border-hover: rgba(0, 0, 0, .14);
  --shadow-sm:    0 2px 8px rgba(0, 0, 0, .06);
  --shadow-md:    0 6px 24px rgba(0, 0, 0, .08);
  --shadow-lg:    0 12px 48px rgba(0, 0, 0, .10);

  --topbar-bg:  rgba(255, 255, 255, .85);
}