/* Base (dark as default) */
:root {
  --brand-primary: #3B82F6;
  --brand-secondary: #14B8A6;
  --brand-accent: #F59E0B;
  --brand-muted: #64748B;
  --brand-bg: #0B1220;
  --brand-bg-soft: #0F172A;
  --brand-card: #111827;
  --brand-text: #E5E7EB;
  --brand-text-muted: #9CA3AF;
}

/* Light theme (from your Adobe palettes) */
html[data-theme="light"] {
  --brand-primary: #6C7EF5;   /* blue */
  --brand-secondary: #A4F56C; /* green */
  --brand-accent: #F5906C;    /* coral */
  --brand-muted: #656775;     /* slate */
  --brand-bg: #F8FAFC;        /* page */
  --brand-bg-soft: #FFFFFF;   /* surfaces */
  --brand-card: #FFFFFF;
  --brand-text: #1F2937;      /* gray-800 */
  --brand-text-muted: #6B7280;/* gray-600 */
}

/* Generic tokens used across pages */
body { background: var(--brand-bg); color: var(--brand-text); }
a { color: var(--brand-primary); }
a:hover { filter: brightness(1.08); }
.card, .card-body { background: var(--brand-card); color: var(--brand-text); }
.navbar { backdrop-filter: blur(8px); }
html[data-theme="dark"] .navbar { background: rgba(15,23,42,.6) !important; }
html[data-theme="light"] .navbar { background: rgba(255,255,255,.85) !important; }
.btn-brand { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; }
.btn-ghost { background: transparent; border: 1px solid color-mix(in oklab, currentColor 15%, transparent); color: var(--brand-text); }
.form-control, .form-select { background: color-mix(in oklab, var(--brand-bg) 85%, white 15%); color: var(--brand-text); border-color: color-mix(in oklab, currentColor 20%, transparent); }
.form-control::placeholder { color: var(--brand-text-muted); }
.table { color: var(--brand-text); }
.table thead th { border-bottom-color: color-mix(in oklab, currentColor 20%, transparent); }
.border, .card, .modal-content { border-color: color-mix(in oklab, currentColor 12%, transparent) !important; }