/* ─── Dark mode — respects both OS preference and manual toggle ── */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg:          #1a1612;
    --color-bg-raised:   #252118;
    --color-surface:     #2e2920;
    --color-text:        #f0e8d8;
    --color-text-muted:  #aa9c89;
    --color-border:      #4a4035;
    --color-border-input: #7a6e62;
    --color-border-focus: #4d9fff;
    --color-focus-ring:  0 0 0 3px rgba(77 159 255 / 0.5);
    --color-on-focus:    #10141a;

    --color-chrome:       #110e0b;
    --color-chrome-text:  #f0e8d8;

    --color-primary:       #f0e8d8;
    --color-primary-hover: #d9ccb4;
    --color-on-primary:    #1a1612;
    --color-gold:          #d4a83c;
    --color-gold-hover:    #e0b955;
    --color-on-gold:       #1a1612;
    --color-gold-text:     #e0b955;

    --color-success:  #86d39a;
    --color-warning:  #e8b64a;
    --color-danger:   #f28b82;
    --color-info:     #8fbcf2;
    --color-complete: #b4bcfa;
    --color-danger-hover: #f6a9a2;
    --color-on-danger:    #1a1612;
    --color-success-bg:   #16301d;
    --color-danger-bg:    #3a1a17;
    --color-info-bg:      #15263d;
    --color-complete-bg:  #24244a;
    --color-gold-bg:      #352b12;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg:          #1a1612;
  --color-bg-raised:   #252118;
  --color-surface:     #2e2920;
  --color-text:        #f0e8d8;
  --color-text-muted:  #aa9c89;
  --color-border:      #4a4035;
  --color-border-input: #7a6e62;
  --color-border-focus: #4d9fff;
  --color-focus-ring:  0 0 0 3px rgba(77 159 255 / 0.5);
  --color-on-focus:    #10141a;

  --color-chrome:       #110e0b;
  --color-chrome-text:  #f0e8d8;

  --color-primary:       #f0e8d8;
  --color-primary-hover: #d9ccb4;
  --color-on-primary:    #1a1612;
  --color-gold:          #d4a83c;
  --color-gold-hover:    #e0b955;
  --color-on-gold:       #1a1612;
  --color-gold-text:     #e0b955;

  --color-success:  #86d39a;
  --color-warning:  #e8b64a;
  --color-danger:   #f28b82;
  --color-info:     #8fbcf2;
  --color-complete: #b4bcfa;
  --color-danger-hover: #f6a9a2;
  --color-on-danger:    #1a1612;
  --color-success-bg:   #16301d;
  --color-danger-bg:    #3a1a17;
  --color-info-bg:      #15263d;
  --color-complete-bg:  #24244a;
  --color-gold-bg:      #352b12;
}

/* ─── High contrast mode ────────────────────────── */
@media (prefers-contrast: more) {
  :root {
    --color-border: currentColor;
    --color-text-muted: var(--color-text);
  }

  .btn {
    border-width: 2px;
    border-style: solid;
  }

  .form-control {
    border-width: 3px;
  }

  .card,
  .scoreboard-wrap,
  .standings,
  .round-card,
  .session-card {
    border-width: 2px;
  }

  /* Remove decorative backgrounds that reduce contrast */
  .keep-layout {
    background-image: none;
  }
}