/* Cyber Armor Systems — Badges.  Requires cas-tokens.css.
   Theme-aware: the fixed light pills would glare on the navy page, so dark gets
   deeper pills. The navy badge inverts to a lighter navy with a delineating
   border (the "border lifts surfaces" principle) so it does not vanish into the
   navy page/card. All text pairs are AA+ (verified by check-contrast.js). */

.cas-badge {
  display: inline-block;
  padding: var(--cas-space-4) var(--cas-space-8);
  font-family: var(--cas-font-heading);
  font-size: var(--cas-text-label);
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: var(--cas-radius-sm);
  border: 1px solid transparent;
}

/* Light (default) */
.cas-badge-gold  { background: #fff3cd;         color: #7a5500; }                 /* 6.06:1 AA  */
.cas-badge-navy  { background: var(--cas-navy); color: var(--cas-gold-light); }   /* 7.96:1 AAA */
.cas-badge-green { background: #d4edda;         color: #1a5c2a; }                 /* 6.49:1 AA  */
.cas-badge-red   { background: #fde8e8;         color: #8b1a1a; }                 /* 7.91:1 AAA */
.cas-badge-blue  { background: #e2eaf8;         color: var(--cas-navy); }         /* 11.31:1 AAA */
.cas-badge-teal  { background: var(--cas-teal); color: var(--cas-white); }        /* 4.92:1 AA  */

/* Dark overrides */
[data-theme="dark"] .cas-badge-gold  { background: #4a3a0f; color: var(--cas-gold-light); }  /* 6.42:1 AA */
[data-theme="dark"] .cas-badge-navy  { background: #24557d; color: var(--cas-gold-light); border-color: #5f80a0; } /* text 4.57 AA · border 3:1 both grounds */
[data-theme="dark"] .cas-badge-green { background: #123a22; color: #9be2b4; }  /* 8.42:1 AAA */
[data-theme="dark"] .cas-badge-red   { background: #3a1414; color: #ffb4b4; }  /* 9.64:1 AAA */
[data-theme="dark"] .cas-badge-blue  { background: #14395c; color: #cfe0f5; }  /* 8.83:1 AAA */
/* teal pill is identical in both themes (self-contained) */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .cas-badge-gold  { background: #4a3a0f; color: var(--cas-gold-light); }
  :root:not([data-theme="light"]) .cas-badge-navy  { background: #24557d; color: var(--cas-gold-light); border-color: #5f80a0; }
  :root:not([data-theme="light"]) .cas-badge-green { background: #123a22; color: #9be2b4; }
  :root:not([data-theme="light"]) .cas-badge-red   { background: #3a1414; color: #ffb4b4; }
  :root:not([data-theme="light"]) .cas-badge-blue  { background: #14395c; color: #cfe0f5; }
}