/* SerialTracker · barevné tokeny v1.0 — zafixováno 12. 11. 2026 (popis v DESIGN.md)
   Názvy jsou v obou režimech stejné, mění se jen hodnoty.
   data-theme="auto"  = podle systému (výchozí, server nic nehádá)
   data-theme="light" / "dark" = ruční volba z přepínače v hlavičce, uložená v cookie */

:root,
[data-theme="light"],
[data-theme="auto"] {
  color-scheme: light;
  --st-bg-page:                #e8ebe6;
  --st-surface:                #ffffff;
  --st-surface-subtle:         #f3f5f1;
  --st-surface-hover:          #f6f8f4;
  --st-surface-inverse:        #0e0f0c;
  --st-surface-footer:         #0e0f0c;
  --st-fill-secondary:         #e8ebe6;
  --st-fill-secondary-hover:   #dde2d9;
  --st-border-subtle:          #e1e5de;
  --st-border-faint:           #eef0ec;
  --st-border-strong:          #8b9186;
  --st-border-dashed:          #c9cec5;
  --st-text-primary:           #0e0f0c;
  --st-text-secondary:         #454745;
  --st-text-muted:             #62665f;
  --st-text-link:              #163300;
  --st-text-inverse:           #ffffff;
  --st-text-inverse-secondary: #c5cbc0;
  --st-text-inverse-muted:     #a9afa4;
  --st-text-inverse-faint:     #5d6259;
  --st-text-footer:            #e8ebe6;
  --st-text-footer-muted:      #a9afa4;
  --st-line-footer:            #2c302a;
  --st-accent:                 #9fe870;
  --st-accent-hover:           #8cdb5a;
  --st-on-accent:              #163300;
  --st-accent-soft:            #e2f6d5;
  --st-accent-soft-text:       #163300;
  --st-accent-inverse:         #9fe870;
  --st-accent-inverse-hover:   #8cdb5a;
  --st-on-accent-inverse:      #163300;
  --st-track-inverse:          #2c302a;
  --st-toggle-on:              #163300;
  --st-toggle-on-hover:        #0d2200;
  --st-toggle-on-text:         #ffffff;
  --st-toggle-on-icon:         #9fe870;
  --st-star:                   #163300;
  --st-star-preview:           #9fe870;
  --st-success:                #2b9a48;
  --st-success-soft:           #dcf3e2;
  --st-success-text:           #0b5a2c;
  --st-warning:                #ffd11a;
  --st-warning-soft:           #fff3c4;
  --st-warning-text:           #5c4400;
  --st-danger:                 #d03238;
  --st-danger-soft:            #fce4e3;
  --st-danger-text:            #a72027;
  --st-info:                   #38c8ff;
  --st-info-soft:              #dcf3fd;
  --st-info-text:              #0a4f6e;
  --st-upcoming:               #3f6f16;
}

[data-theme="dark"] {
  color-scheme: dark;
  --st-bg-page:                #151a13;
  --st-surface:                #242b22;
  --st-surface-subtle:         #2e362c;
  --st-surface-hover:          #292f26;
  --st-surface-inverse:        #e8ebe6;
  --st-surface-footer:         #0f130d;
  --st-fill-secondary:         #353e33;
  --st-fill-secondary-hover:   #3f4a3d;
  --st-border-subtle:          #363e34;
  --st-border-faint:           #2c332a;
  --st-border-strong:          #8b9186;
  --st-border-dashed:          #4d564a;
  --st-text-primary:           #e8ebe6;
  --st-text-secondary:         #bcc3b5;
  --st-text-muted:             #9aa292;
  --st-text-link:              #9fe870;
  --st-text-inverse:           #0e0f0c;
  --st-text-inverse-secondary: #3b4136;
  --st-text-inverse-muted:     #4c5348;
  --st-text-inverse-faint:     #7b8374;
  --st-text-footer:            #e8ebe6;
  --st-text-footer-muted:      #a9afa4;
  --st-line-footer:            #2c302a;
  --st-accent:                 #9fe870;
  --st-accent-hover:           #b1ef88;
  --st-on-accent:              #163300;
  --st-accent-soft:            #2a3d20;
  --st-accent-soft-text:       #bff098;
  --st-accent-inverse:         #163300;
  --st-accent-inverse-hover:   #0d2200;
  --st-on-accent-inverse:      #ffffff;
  --st-track-inverse:          #c5ccbe;
  --st-toggle-on:              #9fe870;
  --st-toggle-on-hover:        #b1ef88;
  --st-toggle-on-text:         #163300;
  --st-toggle-on-icon:         #163300;
  --st-star:                   #9fe870;
  --st-star-preview:           #2a3d20;
  --st-success:                #4cc26a;
  --st-success-soft:           #1d3a27;
  --st-success-text:           #9be4b0;
  --st-warning:                #ffd11a;
  --st-warning-soft:           #3e3612;
  --st-warning-text:           #ffe58a;
  --st-danger:                 #ff6b6f;
  --st-danger-soft:            #46221f;
  --st-danger-text:            #ffb4b1;
  --st-info:                   #38c8ff;
  --st-info-soft:              #1a3340;
  --st-info-text:              #8fd6f5;
  --st-upcoming:               #c6ec9f;
}

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    color-scheme: dark;
    --st-bg-page:                #151a13;
    --st-surface:                #242b22;
    --st-surface-subtle:         #2e362c;
    --st-surface-hover:          #292f26;
    --st-surface-inverse:        #e8ebe6;
    --st-surface-footer:         #0f130d;
    --st-fill-secondary:         #353e33;
    --st-fill-secondary-hover:   #3f4a3d;
    --st-border-subtle:          #363e34;
    --st-border-faint:           #2c332a;
    --st-border-strong:          #8b9186;
    --st-border-dashed:          #4d564a;
    --st-text-primary:           #e8ebe6;
    --st-text-secondary:         #bcc3b5;
    --st-text-muted:             #9aa292;
    --st-text-link:              #9fe870;
    --st-text-inverse:           #0e0f0c;
    --st-text-inverse-secondary: #3b4136;
    --st-text-inverse-muted:     #4c5348;
    --st-text-inverse-faint:     #7b8374;
    --st-text-footer:            #e8ebe6;
    --st-text-footer-muted:      #a9afa4;
    --st-line-footer:            #2c302a;
    --st-accent:                 #9fe870;
    --st-accent-hover:           #b1ef88;
    --st-on-accent:              #163300;
    --st-accent-soft:            #2a3d20;
    --st-accent-soft-text:       #bff098;
    --st-accent-inverse:         #163300;
    --st-accent-inverse-hover:   #0d2200;
    --st-on-accent-inverse:      #ffffff;
    --st-track-inverse:          #c5ccbe;
    --st-toggle-on:              #9fe870;
    --st-toggle-on-hover:        #b1ef88;
    --st-toggle-on-text:         #163300;
    --st-toggle-on-icon:         #163300;
    --st-star:                   #9fe870;
    --st-star-preview:           #2a3d20;
    --st-success:                #4cc26a;
    --st-success-soft:           #1d3a27;
    --st-success-text:           #9be4b0;
    --st-warning:                #ffd11a;
    --st-warning-soft:           #3e3612;
    --st-warning-text:           #ffe58a;
    --st-danger:                 #ff6b6f;
    --st-danger-soft:            #46221f;
    --st-danger-text:            #ffb4b1;
    --st-info:                   #38c8ff;
    --st-info-soft:              #1a3340;
    --st-info-text:              #8fd6f5;
    --st-upcoming:               #c6ec9f;
  }
}

/* Štítky stavů žádostí — aliasy, hodnoty se berou z aktuálního režimu */
:root,
[data-theme] {
  --st-status-pending-bg:      var(--st-info-soft);
  --st-status-pending-text:    var(--st-info-text);
  --st-status-accepted-bg:     var(--st-success-soft);
  --st-status-accepted-text:   var(--st-success-text);
  --st-status-rejected-bg:     var(--st-danger-soft);
  --st-status-rejected-text:   var(--st-danger-text);
  --st-status-postponed-bg:    var(--st-fill-secondary);
  --st-status-postponed-text:  var(--st-text-secondary);
  --st-status-fixed-bg:        var(--st-success-soft);
  --st-status-fixed-text:      var(--st-success-text);
  --st-status-not-fixed-bg:    var(--st-danger-soft);
  --st-status-not-fixed-text:  var(--st-danger-text);
  --st-status-exists-bg:       var(--st-accent-soft);
  --st-status-exists-text:     var(--st-accent-soft-text);
  --st-scrim:                  rgba(14, 15, 12, .55);
}