/* Default theme: deep purple header, teal actions, gold accents.
   Fonts use what the visitor already has installed, so no font requests
   leave the instance. To make your own theme, copy this file, change the
   values, and put it in THEMES_DIR (or ui/themes). */

:root {
  color-scheme: light;
  --gh-font-body: "Open Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --gh-font-heading: "Lexend", "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
  --gh-radius: 10px;

  --gh-bg: #f6f5fb;
  --gh-surface: #ffffff;
  --gh-input-bg: #ffffff;
  --gh-text: #1f1f1f;
  --gh-muted: #5d6175;
  --gh-border: #e4e1ef;
  --gh-border-strong: #c9c4dc;
  --gh-link: #2b3480;
  --gh-focus: #c09d26;

  --gh-header-bg: linear-gradient(120deg, #2d1b69 0%, #0e0723 100%);
  --gh-header-text: #ffffff;
  --gh-accent: #c09d26;

  --gh-primary: #0e7c73;
  --gh-primary-text: #ffffff;
  --gh-danger: #ba273b;

  --gh-badge-bg: #ece9f6;
  --gh-badge-text: #2d1b69;
  --gh-success-bg: #dcf3f0;
  --gh-success-text: #0b5f58;
  --gh-danger-bg: #fbe3e6;
  --gh-danger-text: #8f1d2d;
  --gh-info-bg: #e0f2fe;
  --gh-info-text: #075985;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --gh-bg: #0e0723;
    --gh-surface: #18113a;
    --gh-input-bg: #120c2e;
    --gh-text: #ece9f6;
    --gh-muted: #a8a4c0;
    --gh-border: #2c2458;
    --gh-border-strong: #463c7a;
    --gh-link: #7dd3fc;

    --gh-header-bg: linear-gradient(120deg, #2d1b69 0%, #120a30 100%);
    --gh-primary: #19b3a6;
    --gh-primary-text: #0e0723;
    --gh-danger: #ff7164;

    --gh-badge-bg: #2d1b69;
    --gh-badge-text: #ddd6fe;
    --gh-success-bg: #0b3b37;
    --gh-success-text: #7ee7da;
    --gh-danger-bg: #4a1420;
    --gh-danger-text: #ffb4ab;
    --gh-info-bg: #0c2f45;
    --gh-info-text: #7dd3fc;
  }
}
