/*
 * Theme - Color scheme and CSS variables
 * Amber accent on dark background, layered on Pico CSS
 */

:root {
  --pico-primary: #ffb000;
  --pico-primary-hover: #ffc233;
  --pico-primary-focus: rgba(255, 176, 0, 0.25);
  --pico-primary-inverse: #0a0a0f;
  --pico-primary-background: #ffb000;
  --pico-primary-background-hover: #ffc233;
}

/* Dark mode overrides */
[data-theme="dark"],
:root:not([data-theme="light"]) {
  --pico-background-color: #0a0a0f;
  --pico-card-background-color: #12121a;
  --pico-card-sectioning-background-color: #0e0e14;
  --pico-primary: #ffb000;
  --pico-primary-hover: #ffc233;
  --pico-primary-focus: rgba(255, 176, 0, 0.25);
  --pico-primary-inverse: #0a0a0f;
  --pico-primary-background: #ffb000;
  --pico-primary-background-hover: #ffc233;
}