:root {
  
  --sc-font-base:   17px;
  --sc-font-title:  20.4px;
  --sc-font-eyebrow: 12px;
  --sc-line:        1.55;
}


.stew-card,
.connect-card, .connect-card--collapsed,
.council-rail-tenant,
.tenant-card, .mission-card, .room-card,
.upgrade-card, .plan-card,
.audit-card, .modal-card, .popup-card,
.da-card, .lc, .sop {
  background: var(--card-gloss, linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 46%)),
              var(--sc-glass-bg-rich);
  border: var(--sc-hairline);                
  outline: none;                             
  border-radius: var(--card-radius, 14px);
  -webkit-backdrop-filter: blur(var(--sc-glass-blur)) saturate(var(--sc-glass-sat));
  backdrop-filter:         blur(var(--sc-glass-blur)) saturate(var(--sc-glass-sat));
  box-shadow: var(--card-shadow, 0 8px 32px rgba(0,0,0,.4));
}


.stew-card:hover, .stew-card.is-current, .stew-card.is-selected,
.connect-card:hover, .tenant-card:hover, .mission-card:hover,
.room-card:hover, .upgrade-card:hover, .plan-card:hover,
.lc:hover, .da-card:hover {
  border: var(--sc-rim-active);
}


.stew-card > .stew-card,
.stew-card .card-inner-bordered {
  border: none;
}


.sc--cyan   { border-left: 3px solid var(--sc-cyan);   --card-accent: var(--sc-cyan);   }
.sc--gold   { border-left: 3px solid var(--sc-gold);   --card-accent: var(--sc-gold);   }
.sc--purple { border-left: 3px solid var(--sc-purple); --card-accent: var(--sc-purple); }
.sc--green  { border-left: 3px solid var(--sc-green);  --card-accent: var(--sc-green);  }


.stew-card .primary-response,
.stew-card .sc-body,
.da-card .da-card-body {
  font-size: var(--sc-font-base);
  line-height: var(--sc-line);
}
.stew-card .stew-card-title,
.stew-card .sc-title,
.da-card .da-card-title {
  font-size: var(--sc-font-title);
  line-height: 1.25;
}
.stew-card .sc-eyebrow,
.da-card .da-card-eyebrow {
  font-size: var(--sc-font-eyebrow);
  letter-spacing: 1.4px;
  text-transform: uppercase;
}


:root,
[data-density="rich"] {
  --sc-glass-bg-active: var(--sc-glass-bg-rich);
}
[data-density="rich"] .stew-card,
:not([data-density]) .stew-card {
  background: var(--card-gloss, linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 46%)),
              var(--sc-glass-bg-rich);
  border: var(--sc-hairline);
}

[data-density="rich"] .sc--cyan,
[data-density="rich"] .sc--gold,
[data-density="rich"] .sc--purple,
[data-density="rich"] .sc--green {
  border-left-width: 3px;
}

[data-density="rich"] .stew-card.is-current {
  box-shadow: var(--card-shadow, 0 8px 32px rgba(0,0,0,.4)),
              0 0 22px var(--sc-gold-soft);
}


[data-density="calm"] .stew-card,
[data-density="calm"] .connect-card,
[data-density="calm"] .tenant-card,
[data-density="calm"] .mission-card,
[data-density="calm"] .upgrade-card,
[data-density="calm"] .plan-card,
[data-density="calm"] .lc {
  background: var(--card-gloss, linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 46%)),
              var(--sc-glass-bg-calm);
  border: var(--sc-hairline-calm);   
}

[data-density="calm"] .sc--cyan   { border-left: 2px solid var(--sc-cyan-soft);   }
[data-density="calm"] .sc--gold   { border-left: 2px solid var(--sc-gold-soft);   }
[data-density="calm"] .sc--purple { border-left: 2px solid var(--sc-purple-soft); }
[data-density="calm"] .sc--green  { border-left: 2px solid var(--sc-green-soft);  }

[data-density="calm"] .stew-card .sc-body,
[data-density="calm"] .lc p {
  font-size: 15.5px;
  line-height: 1.5;
}


.human-theme {
  --card-accent: var(--sc-da-tan);
}
.human-theme .stew-card,
.human-theme .da-card,
.human-theme .lc {
  
  background: linear-gradient(180deg, rgba(201,165,123,.05) 0%, rgba(201,165,123,0) 50%),
              var(--card-bg, rgba(11,21,36,.55));
}
.human-theme .stew-card .stew-card-title,
.human-theme .da-card .da-card-title { color: var(--sc-gold); }
.human-theme .sc-eyebrow,
.human-theme .da-card-eyebrow { color: var(--sc-da-tan); }

.human-theme .sc--cyan   { border-left-color: var(--sc-cyan);   }
.human-theme .sc--green  { border-left-color: var(--sc-da-sage); }
.human-theme .sc--purple { border-left-color: var(--sc-purple); }
.human-theme .sc--gold   { border-left-color: var(--sc-gold);   }


.stew-card:focus-visible,
.connect-card:focus-visible,
.tenant-card:focus-visible,
.mission-card:focus-visible,
.lc:focus-visible,
.da-card:focus-visible {
  outline: 3px solid var(--sun-soft, #fff6e6);
  outline-offset: 2px;
}
@media (prefers-reduced-transparency: reduce) {
  .stew-card, .connect-card, .tenant-card, .mission-card,
  .upgrade-card, .plan-card, .lc, .da-card, .sop {
    background: var(--panel, #0b1524);   
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .stew-card { transition: opacity .2s ease !important; }
}