:root {

  --bg-main: #ffffff;
  --bg-dark: #0b0c0e;

  --bg-card: #ffffff;
  --bg-card-dark: #111315;

  --bg-overlay: rgba(0,0,0,0.6);
  --bg-overlay-strong: rgba(0,0,0,0.85);

  --text-main: #1f2328;
  --text-muted: #6e7781;

  --text-inverse: #ffffff;
  --text-inverse-muted: rgba(255,255,255,0.65);

  --header-bg: #000000;
  --header-text: #ffffff;
  --header-muted: rgba(255,255,255,0.72);
  --header-divider: rgba(255,255,255,0.28);
  --header-panel-bg: #000000;
  --header-panel-border: rgba(255,255,255,0.10);
  --header-panel-icon: rgba(255,255,255,0.72);

  --search-overlay-bg: #0b0c0e;
  --search-modal-bg: #0f1113;
  --search-border: rgba(255,255,255,0.10);
  --search-border-strong: rgba(255,255,255,0.35);
  --search-divider: rgba(255,255,255,0.10);
  --search-text: #ffffff;
  --search-muted: rgba(255,255,255,0.6);
  --search-hover: rgba(255,255,255,0.04);

  --accent: #3f684c;
  --accent-hover: #4b7758;

  --badge-bg: #ffffff;
  --badge-text: #111111;

  --divider-light: rgba(0,0,0,0.08);
  --divider-dark: rgba(255,255,255,0.10);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --icon-stroke-sm: 1.4;
  --icon-stroke-md: 1.6;
  --icon-stroke-lg: 1.8;
}