/**
 * Semantic surface/text/border tokens for light and dark themes.
 * Body uses data-pc-theme="light"|"dark" (see static/assets/js/pcoded.js).
 */
:root {
  /* UI chrome (theme pill switcher in base layout) */
  --theme-switcher-bg: #f9fbff;
  --theme-toggle-bg: #efeff1;
  --theme-switcher-tab: #555555;
  --theme-toggle-active-bg: #fefefe;
  --theme-toggle-active-fg: #2336ae;

  --app-text-primary: #212529;
  --app-text-secondary: #495057;
  --app-text-muted: #6c757d;
  --app-text-strong: #1a1a1a;
  --app-text-nav: #000000;
  --app-surface: #ffffff;
  --app-surface-muted: #f8f9fa;
  --app-surface-subtle: #f8f8f8;
  --app-surface-elevated: rgba(255, 255, 255, 0.95);
  --app-border: #dee2e6;
  --app-border-strong: #ced4da;
  --app-border-muted: #e9ecef;
  --app-border-soft: #cccccc;
  --app-hover-bg: #eeeeee;
  --app-hover-bg-soft: #f8f9fa;
  --app-input-float-label-bg: #ffffff;
}

body[data-pc-theme="dark"] {
  --theme-switcher-bg: rgba(255, 255, 255, 0.06);
  --theme-toggle-bg: #2a2f38;
  --theme-switcher-tab: #b8c4dc;
  --theme-toggle-active-bg: #363c48;
  --theme-toggle-active-fg: #e8ecf4;

  --app-text-primary: #e8ecf4;
  --app-text-secondary: #c5cdd8;
  --app-text-muted: #9aa3b5;
  --app-text-strong: #f0f4fa;
  --app-text-nav: #e8ecf4;
  --app-surface: #262a32;
  --app-surface-muted: #2f343e;
  --app-surface-subtle: #2a2f38;
  --app-surface-elevated: rgba(34, 38, 46, 0.96);
  --app-border: #454c5a;
  --app-border-strong: #5a6270;
  --app-border-muted: #3d4450;
  --app-border-soft: #454c5a;
  --app-hover-bg: rgba(255, 255, 255, 0.1);
  --app-hover-bg-soft: rgba(255, 255, 255, 0.06);
  --app-input-float-label-bg: #1e1e1e;
}