/* Decoder suite theme — DRS-derived neutral dark palette (dark only).
   The components in styles.css reference these --ds-* tokens, so redefining the
   tokens here re-skins the whole suite to match the DRS x UX digest look. */
@font-face {
  font-family: "Overpass";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/overpass-latin.woff2") format("woff2");
}

:root {
  /* neutral near-black surfaces (from the DRS digest palette) */
  --ds-bg: #0d1117;
  --ds-surface: #161b22;
  --ds-surface-light: #1c2230;
  --ds-muted: #1c2230;
  --ds-border: #2a3242;
  --ds-divider: #2a3242;
  --ds-tab-inactive: #6b7686;

  /* text */
  --ds-text-primary: #e8eef5;
  --ds-text-muted: #c3ccd8;
  --ds-text-on-dark: #ffffff;
  --ds-navy: #0d1117;
  --ds-charcoal: #cdd2d6;

  /* accents: DRS blue + teal */
  --ds-blue-brand: #3fb6f0;
  --ds-blue-action: #3fb6f0;
  --ds-teal: #7ee0c8;

  /* urgency hues (used for the card top-stripe + tinted badges) */
  --ds-success: #56d364;
  --ds-success-dark: #7fe0aa;
  --ds-warning-icon-bg: #f0b429;
  --ds-error: #e5534b;

  /* tinted badge / chip tokens: bright colored text on a faint same-hue tint
     over the dark surface (the DRS badge style) */
  --ds-badge-warning-bg: rgba(240,180,41,0.14);
  --ds-badge-warning-border: rgba(240,180,41,0.38);
  --ds-badge-warning-text: #f0c150;
  --ds-badge-blue-bg: rgba(63,182,240,0.14);
  --ds-badge-blue-border: rgba(63,182,240,0.40);
  --ds-badge-blue-text: #8ccbf2;
  --ds-badge-teal-bg: rgba(126,224,200,0.13);
  --ds-badge-teal-border: rgba(126,224,200,0.40);
  --ds-badge-teal-text: #7ee0c8;
  --ds-badge-info-bg: rgba(63,182,240,0.14);
  --ds-badge-info-border: rgba(63,182,240,0.40);
  --ds-badge-info-text: #8ccbf2;
}