/* Light theme — the default. Also applies to any subtree marked data-theme="light"
   (e.g. a light card inside a dark page). Dark overrides live in theme-dark.css. */
:root, [data-theme="light"] {
  color-scheme: light;
  /* Brand */
  --primary: #3580BB;
  --primary-lt: rgba(53,128,187,0.06);
  --primary-dk: #48AFFF;

  /* Sidebar (the dark navigation shell) */
  --sidebar-bg: #1a2332;
  --sidebar-hover: rgba(255,255,255,0.04);
  --sidebar-active: rgba(53,128,187,0.08);
  --sidebar-text: #ffffff;
  --sidebar-text-muted: #7b8fa3;
  --sidebar-text-hover: #ffffff;
  --sidebar-text-active: #ffffff;
  --sidebar-border: rgba(255,255,255,0.06);
  --sidebar-w: 252px;

  /* Surfaces */
  --body-bg: #f5f7fb;
  --bg-surface: #ffffff;
  --bg-surface-secondary: #f9fafb;
  --bg-elevated: #ffffff;            /* menus, popovers, toasts */
  --bg-inverse: #1a2332;             /* tooltips, chart tooltips */
  --text-inverse: #ffffff;

  /* Borders */
  --border-color: #e6e7eb;
  --border-color-light: #eff0f3;
  --border-translucent: rgba(4,32,69,0.08);

  /* Text */
  --text: #1e2633;
  --text-secondary: #626d7d;
  --text-muted: #7e8896;
  --text-disabled: #c0c7cf;
  --on-primary: #ffffff;             /* text/icons on --primary fills */

  /* Interaction */
  --link: #2f73a9;                   /* --primary darkened to 5:1 on white */
  --link-hover: #245b87;
  --focus-ring: var(--primary);
  --toggle-off: #d1d5db;
  --scrim: rgba(15,23,42,0.45);
  --shadow-pop: 0 8px 24px rgba(15,23,42,0.12);
  --shadow-modal: 0 24px 48px rgba(15,23,42,0.18);
  --scrollbar: rgba(0,0,0,0.1);

  /* Status text — readable on surfaces and on their -lt tints */
  --success-text: #1a8a32;
  --warning-text: #b45309;
  --danger-text: #c23030;
  --info-text: #2f73a9;

  /* Full palette */
  --blue: #066fd1;
  --azure: #4299e1;
  --green: #2fb344;
  --lime: #74b816;
  --yellow: #f59f00;
  --orange: #f76707;
  --red: #d63939;
  --pink: #d6336c;
  --purple: #ae3ec9;
  --indigo: #4263eb;
  --cyan: #17a2b8;

  /* 6% tints — backgrounds for icon chips, banners, soft badges */
  --green-lt: rgba(47,179,68,0.06);
  --red-lt: rgba(214,57,57,0.06);
  --yellow-lt: rgba(245,159,0,0.06);
  --blue-lt: rgba(6,111,209,0.06);
  --azure-lt: rgba(66,153,225,0.06);
  --purple-lt: rgba(174,62,201,0.06);
  --cyan-lt: rgba(23,162,184,0.06);
}