/**
 * UpToStandard colour themes.
 *
 * Palette (jumper): gold #EBB833 · red #DF2116 · maroon #810017 · purple #623878 · green #365D22
 *
 * data-theme values:
 *   (unset) | "default"  — original dark + green accent
 *   "jumper-dark"        — black shell, jumper colours as splashes / borders / text accents
 *   "jumper-light"       — white shell, jumper colours as borders and colour splashes
 */

:root,
[data-theme="default"] {
  /* Jumper palette (shared) */
  --uts-gold: #ebb833;
  --uts-red: #df2116;
  --uts-maroon: #810017;
  --uts-purple: #623878;
  --uts-green: #365d22;

  /* Default dark (current product look) */
  --uts-bg: #000000;
  --uts-bg-elevated: #0a0a0a;
  --uts-bg-surface: #141414;
  --uts-bg-input: #1a1a1a;
  --uts-bg-hover: #222222;

  --uts-text: #ffffff;
  --uts-text-secondary: #e5e5e5;
  --uts-text-muted: #cccccc;
  --uts-text-subtle: #999999;
  --uts-text-faint: #888888;

  --uts-border: #333333;
  --uts-border-subtle: #2a2a2a;
  --uts-border-strong: #444444;
  --uts-border-hover: #666666;

  --uts-accent: #4caf50;
  --uts-accent-hover: #43a047;
  --uts-accent-muted: #2e7d32;
  --uts-accent-soft-bg: #1e3a24;
  --uts-accent-soft-text: #c8e6c9;

  --uts-link: #8ab4f8;
  --uts-link-hover: #aecbfa;

  --uts-btn-primary-bg: #ffffff;
  --uts-btn-primary-text: #000000;
  --uts-btn-secondary-border: #ffffff;
  --uts-btn-secondary-text: #ffffff;
  --uts-btn-action-bg: #4caf50;
  --uts-btn-action-text: #ffffff;

  --uts-focus: #4caf50;
  --uts-success: #81c784;
  --uts-error: #ef9a9a;
  --uts-error-border: #c62828;
  --uts-danger-border: #883333;

  --uts-icon: #4caf50;
  --uts-splash-border: #4caf50;
  --uts-splash-border-alt: #8ab4f8;
  --uts-step-current: #8ab4f8;
  --uts-step-done: #4caf50;

  --uts-shadow: rgba(0, 0, 0, 0.6);
  --uts-scrollbar-track: #101010;
  --uts-scrollbar-thumb: #a3a3a3;

  --uts-hero-number: #333333;
  --uts-tag-bg: #1e3a24;
  --uts-tag-border: #2e7d32;
  --uts-tag-text: #c8e6c9;
}

/* Jumper — dark shell (black background, palette as splashes) */
[data-theme="jumper-dark"] {
  --uts-bg: #000000;
  --uts-bg-elevated: #0a0a0a;
  --uts-bg-surface: #111111;
  --uts-bg-input: #141414;
  --uts-bg-hover: #1a1a1a;

  --uts-text: #f5f5f5;
  --uts-text-secondary: #e8e8e8;
  --uts-text-muted: #c9c9c9;
  --uts-text-subtle: #a8a8a8;
  --uts-text-faint: #888888;

  --uts-border: #623878;
  --uts-border-subtle: #3d2548;
  --uts-border-strong: #810017;
  --uts-border-hover: color-mix(in srgb, var(--uts-border) 55%, white);

  --uts-accent: #ebb833;
  --uts-accent-hover: color-mix(in srgb, var(--uts-accent) 55%, white);
  --uts-accent-muted: #365d22;
  --uts-accent-soft-bg: #1a2e14;
  --uts-accent-soft-text: #b8d4a8;

  --uts-link: #ebb833;
  --uts-link-hover: color-mix(in srgb, var(--uts-link) 55%, white);

  --uts-btn-primary-bg: #df2116;
  --uts-btn-primary-text: #ffffff;
  --uts-btn-secondary-border: #ebb833;
  --uts-btn-secondary-text: #ebb833;
  --uts-btn-action-bg: #365d22;
  --uts-btn-action-text: #ffffff;

  --uts-focus: #ebb833;
  --uts-success: #8fbc6a;
  --uts-error: #ff8a80;
  --uts-error-border: #df2116;
  --uts-danger-border: #810017;

  --uts-icon: #ebb833;
  --uts-splash-border: #623878;
  --uts-splash-border-alt: #df2116;
  --uts-step-current: #ebb833;
  --uts-step-done: #365d22;

  --uts-shadow: rgba(98, 56, 120, 0.35);
  --uts-scrollbar-track: #0a0a0a;
  --uts-scrollbar-thumb: #623878;

  --uts-hero-number: #623878;
  --uts-tag-bg: #1a2e14;
  --uts-tag-border: #365d22;
  --uts-tag-text: #c5ddb8;
}

/* Jumper — light shell (white background, palette as borders & splashes) */
[data-theme="jumper-light"] {
  --uts-bg: #ffffff;
  --uts-bg-elevated: #fafafa;
  --uts-bg-surface: #f5f5f5;
  --uts-bg-input: #ffffff;
  --uts-bg-hover: #f0ebe3;

  --uts-text: #1a1a1a;
  --uts-text-secondary: #2d2d2d;
  --uts-text-muted: #4a4a4a;
  --uts-text-subtle: #666666;
  --uts-text-faint: #777777;

  --uts-border: #623878;
  --uts-border-subtle: #d4c4dc;
  --uts-border-strong: #810017;
  --uts-border-hover: color-mix(in srgb, var(--uts-border) 55%, white);

  --uts-accent: #810017;
  --uts-accent-hover: #a0001d;
  --uts-accent-muted: #365d22;
  --uts-accent-soft-bg: #f3f8ef;
  --uts-accent-soft-text: #365d22;

  --uts-link: #623878;
  --uts-link-hover: #810017;

  --uts-btn-primary-bg: #df2116;
  --uts-btn-primary-text: #ffffff;
  --uts-btn-secondary-border: #623878;
  --uts-btn-secondary-text: #623878;
  --uts-btn-action-bg: #365d22;
  --uts-btn-action-text: #ffffff;

  --uts-focus: #ebb833;
  --uts-success: #365d22;
  --uts-error: #df2116;
  --uts-error-border: #df2116;
  --uts-danger-border: #810017;

  --uts-icon: #ebb833;
  --uts-splash-border: #ebb833;
  --uts-splash-border-alt: #623878;
  --uts-step-current: #df2116;
  --uts-step-done: #365d22;

  --uts-shadow: rgba(98, 56, 120, 0.15);
  --uts-scrollbar-track: #f0f0f0;
  --uts-scrollbar-thumb: #623878;

  --uts-hero-number: #ebb833;
  --uts-tag-bg: #f3f8ef;
  --uts-tag-border: #365d22;
  --uts-tag-text: #365d22;
}