:root[data-org="pack"] {
  --accent: #003f87; /* Cub Scout Blue */
  --accent-contrast: #ffffff;
  --accent-secondary: #fcd116; /* Cub Scout Yellow */
  --accent-tertiary: #ce1126; /* Scouting Red */
  --button-bg: #fcd116;
  --button-text: #003f87;
}

:root[data-org="pack"][data-theme="light"] {
  --bg: #ffffff;
  --surface: #f9fafb;
  --surface-2: #f3f4f6;
  --surface-muted: #e5e7eb;
  --text: #333333;
  --muted: #666666;
  --placeholder: #6b7280;
  --border: #e5e7eb;

  --hero-from: #e6effa;
  --hero-to: #f3f4f6;
  --hero-text: #333333;
  --header-bg: #ffffff;
  --header-border: #e5e7eb;
  --header-text: #333333;
}

:root[data-org="pack"][data-theme="dark"] {
  --accent: #60a5fa; /* light blue for links */
  --accent-contrast: #0b1724;
  --accent-secondary: #fcd116;
  --accent-tertiary: #ce1126;
  --button-bg: #fcd116;
  --button-text: #000000;

  --header-bg: #002855; /* Cub dark header */
  --header-border: #1e3a8a;
  --header-text: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-org="pack"]:not([data-theme]) {
    --bg: #ffffff;
    --surface: #f9fafb;
    --surface-2: #f3f4f6;
    --surface-muted: #e5e7eb;
    --text: #333333;
    --muted: #666666;
    --placeholder: #6b7280;
    --border: #e5e7eb;

    --hero-from: #e6effa;
    --hero-to: #f3f4f6;
    --hero-text: #333333;
    --header-bg: #ffffff;
    --header-border: #e5e7eb;
    --header-text: #333333;
  }
}