/* Light mode tokens (default) */
:root {
  --silk-bg:              #f0f2f7;
  --silk-surface:         #ffffff;
  --silk-border:          #d8dce8;
  --silk-nav-bg:          #1e2235;
  --silk-nav-hover-bg:    #2d3250;
  --silk-nav-hover-text:  #e8eaf6;

  --silk-text-primary:    #111827;
  --silk-text-secondary:  #374151;
  --silk-text-muted:      #6b7280;
  --silk-text-nav:        #e8eaf6;

  --silk-card-shadow:     0 1px 3px rgba(0, 0, 0, 0.10), 0 1px 8px rgba(0,0,0,0.06);
  --silk-card-radius:     10px;

  --silk-row-hover-bg:    #eef1fb;
  --silk-row-hover-text:  #111827;

  /* Performance color scale — vivid, accessible */
  --silk-perf-very-good:  #16a34a;
  --silk-perf-good:       #65a30d;
  --silk-perf-ok:         #d97706;
  --silk-perf-bad:        #dc2626;
  --silk-perf-very-bad:   #9f1239;

  /* Method badge colors */
  --silk-method-get:      #166534;
  --silk-method-get-bg:   #dcfce7;
  --silk-method-post:     #1e40af;
  --silk-method-post-bg:  #dbeafe;
  --silk-method-put:      #92400e;
  --silk-method-put-bg:   #fef3c7;
  --silk-method-patch:    #5b21b6;
  --silk-method-patch-bg: #ede9fe;
  --silk-method-delete:   #991b1b;
  --silk-method-delete-bg:#fee2e2;

  /* Status code colors */
  --silk-status-2xx:      #166534;
  --silk-status-2xx-bg:   #dcfce7;
  --silk-status-3xx:      #1e40af;
  --silk-status-3xx-bg:   #dbeafe;
  --silk-status-4xx:      #92400e;
  --silk-status-4xx-bg:   #fef3c7;
  --silk-status-5xx:      #991b1b;
  --silk-status-5xx-bg:   #fee2e2;

  /* Input / form */
  --silk-input-bg:        #ffffff;
  --silk-input-border:    #c8ccd8;

  /* Filter bar */
  --silk-filter-bg:       #f5f7fb;
  --silk-filter-border:   #d8dce8;
}

/* Dark mode tokens */
[data-theme="dark"] {
  --silk-bg:              #121220;
  --silk-surface:         #1e1e32;
  --silk-border:          #2e2e48;
  --silk-nav-bg:          #1a1a2e;
  --silk-nav-hover-bg:    #2e2e48;
  --silk-nav-hover-text:  #e0e0f0;

  --silk-text-primary:    #e0e0f0;
  --silk-text-secondary:  #9999bb;
  --silk-text-muted:      #6666aa;
  --silk-text-nav:        #e0e0f0;

  --silk-card-shadow:     0 1px 4px rgba(0, 0, 0, 0.4);

  --silk-row-hover-bg:    #2a2a44;
  --silk-row-hover-text:  #e0e0f0;

  /* Performance colors lighter for dark mode contrast */
  --silk-perf-very-good:  #8bc34a;
  --silk-perf-good:       #cddc39;
  --silk-perf-ok:         #ff9800;
  --silk-perf-bad:        #f44336;
  --silk-perf-very-bad:   #e91e63;

  /* Method badge colors – softer on dark */
  --silk-method-get:      #81c784;
  --silk-method-get-bg:   #1b3a1f;
  --silk-method-post:     #64b5f6;
  --silk-method-post-bg:  #152a40;
  --silk-method-put:      #ffb74d;
  --silk-method-put-bg:   #3d2a0a;
  --silk-method-patch:    #ce93d8;
  --silk-method-patch-bg: #2e1840;
  --silk-method-delete:   #ef9a9a;
  --silk-method-delete-bg:#401010;

  /* Status code colors */
  --silk-status-2xx:      #81c784;
  --silk-status-2xx-bg:   #1b3a1f;
  --silk-status-3xx:      #64b5f6;
  --silk-status-3xx-bg:   #152a40;
  --silk-status-4xx:      #ffb74d;
  --silk-status-4xx-bg:   #3d2a0a;
  --silk-status-5xx:      #ef9a9a;
  --silk-status-5xx-bg:   #401010;

  /* Input / form */
  --silk-input-bg:        #1e1e32;
  --silk-input-border:    #3a3a58;

  /* Filter bar */
  --silk-filter-bg:       #1a1a30;
  --silk-filter-border:   #2e2e48;
}
