/* Pop Books colour tokens. Light is the default; dark follows the system or data-theme="dark".
   Every text and background pairing is checked by tools/check-contrast.py (WCAG AA). */
:root {
  /* Logo */
  --pb-green-deep: #14603F;  /* logo green, dark end of the gradient */
  --pb-green-mid: #2E9E67;   /* logo green, light end: fills and graphics only */
  --pb-gold-royal: #E3B23C;  /* the check mark in the logo; on navy or green only */
  --pb-teal: #0E9EA6;        /* former logo teal: secondary accent for fills and graphics, never small text on white */
  --pb-mint: #5FD5A3;        /* former logo mint: fills only */
  --pb-navy: #0F2847;        /* wordmark navy */
  --pb-gradient: linear-gradient(135deg, #14603F 0%, #2E9E67 100%);
  /* Surfaces and text */
  --pb-paper: #FFFFFF;
  --pb-paper-2: #F4F7F6;
  --pb-line: #D5DDDA;
  --pb-line-strong: #7A8A99;
  --pb-ink: #0F2847;
  --pb-ink-2: #46576D;
  /* Text-safe teal, buttons */
  --pb-teal-text: #0A6F7A;
  --pb-teal-deep: #0A6F7A;
  --pb-on-teal: #FFFFFF;
  /* Money */
  --pb-money: #1E7B4F;
  --pb-money-text: #1E7B4F;
  --pb-on-money: #FFFFFF;
  /* Gold: accent only (rules, stars, badges). Use gold-text for words. */
  --pb-gold: #C9A24A;
  --pb-gold-text: #7A5C12;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pb-paper: #0A1B33;
    --pb-paper-2: #102A4C;
    --pb-line: #2A4468;
    --pb-line-strong: #6F86A3;
    --pb-ink: #F2F6F5;
    --pb-ink-2: #AEBBCB;
    --pb-teal: #1BB3BB;
    --pb-teal-text: #4FD0D8;
    --pb-teal-deep: #0A6F7A;
    --pb-money: #14603F;      /* deep money green: fills in dark mode, white text on top */
    --pb-money-text: #62D49C;
    --pb-gold: #D9B45A;
    --pb-gold-text: #E3C06A;
  }
}
:root[data-theme="dark"] {
  --pb-paper: #0A1B33;
  --pb-paper-2: #102A4C;
  --pb-line: #2A4468;
  --pb-line-strong: #6F86A3;
  --pb-ink: #F2F6F5;
  --pb-ink-2: #AEBBCB;
  --pb-teal: #1BB3BB;
  --pb-teal-text: #4FD0D8;
  --pb-teal-deep: #0A6F7A;
  --pb-money: #14603F;
  --pb-money-text: #62D49C;
  --pb-gold: #D9B45A;
  --pb-gold-text: #E3C06A;
}
