/* ===================================
   LIGHT / DARK THEME TOKENS
   =================================== */

/* ---- LIGHT THEME (default) ---- */
[data-theme="light"] {
  --color-bg: #f4f6f9;
  --color-bg-alt: #eef1f5;
  --color-surface: #ffffff;
  --color-surface-hover: #f7f9fc;
  --color-border: #e2e6ed;
  --color-border-subtle: #edf0f5;

  --color-text-primary: #0d1117;
  --color-text-secondary: #4b5563;
  --color-text-muted: #8b98a8;
  --color-text-inverted: #ffffff;

  --color-navbar-bg: rgba(244, 246, 249, 0.9);
  --color-navbar-border: rgba(226, 230, 237, 0.8);
  --color-hero-gradient-start: #eef1f7;
  --color-hero-gradient-end: #f4f6f9;

  --color-card-bg: #ffffff;
  --color-card-border: #e2e6ed;
  --color-card-shadow: var(--shadow-md);

  --color-req-tag-bg: #eef3f8;
  --color-req-tag-text: #4b5563;
  --color-req-tag-border: #d6dde8;

  --color-footer-bg: #f0f3f8;
  --color-footer-border: #e2e6ed;
  --color-footer-text: #6b7280;

  --color-status-bg: rgba(5, 150, 105, 0.08);
  --color-status-text: #059669;
  --color-status-dot: #10b981;

  --color-release-bg: rgba(14, 135, 204, 0.07);
  --color-release-text: #0e87cc;
  --color-release-border: rgba(14, 135, 204, 0.18);

  --color-section-label-text: #0e87cc;

  --color-win-icon: #0078d4;
  --color-mac-icon: #555555;
}

/* ---- DARK THEME ---- */
[data-theme="dark"] {
  --color-bg: #0b0e14;
  --color-bg-alt: #0f1318;
  --color-surface: #141a24;
  --color-surface-hover: #1a2230;
  --color-border: #1e2a3a;
  --color-border-subtle: #192232;

  --color-text-primary: #e8edf5;
  --color-text-secondary: #8fa3bc;
  --color-text-muted: #4e6278;
  --color-text-inverted: #0d1117;

  --color-navbar-bg: rgba(11, 14, 20, 0.88);
  --color-navbar-border: rgba(30, 42, 58, 0.9);
  --color-hero-gradient-start: #0d1219;
  --color-hero-gradient-end: #0b0e14;

  --color-card-bg: #131c28;
  --color-card-border: #1e2d40;
  --color-card-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), 0 1px 4px rgba(0, 0, 0, 0.2);

  --color-req-tag-bg: rgba(14, 135, 204, 0.1);
  --color-req-tag-text: #5ba8d4;
  --color-req-tag-border: rgba(14, 135, 204, 0.2);

  --color-footer-bg: #0c1119;
  --color-footer-border: #1a2535;
  --color-footer-text: #5a7090;

  --color-status-bg: rgba(5, 150, 105, 0.12);
  --color-status-text: #34d399;
  --color-status-dot: #10b981;

  --color-release-bg: rgba(14, 135, 204, 0.1);
  --color-release-text: #5ba8d4;
  --color-release-border: rgba(14, 135, 204, 0.25);

  --color-section-label-text: #5ba8d4;

  --color-win-icon: #4fa8e8;
  --color-mac-icon: #9ab0c8;
}