/* Portal card palette requested by the operator; the surrounding shell stays dark. */
:root {
  --card-green: #005522;
  --card-blue: #0055aa;
  --card-magenta: #990055;
}

:is(.portal-card, .form-card, .site-card, .directory-card, .directory-empty,
    .auth-security-panel, .auth-recovery, .iics-card, :where(#pentester-profile-editor:not(:empty))) {
  --card-background: var(--card-green);
  --panel: var(--card-background);
  --ink: #ffffff;
  --muted: #e7edf4;
  --accent: #ffffff;
  --line: #ffffff45;
  background: var(--card-background);
  color: var(--ink);
  border-color: var(--line);
}

:nth-child(3n + 2 of :is(.portal-card, .form-card, .site-card, .directory-card,
    .auth-security-panel, .iics-card):not([hidden])) {
  --card-background: var(--card-blue);
}

:nth-child(3n + 3 of :is(.portal-card, .form-card, .site-card, .directory-card,
    .auth-security-panel, .iics-card):not([hidden])),
.auth-recovery {
  --card-background: var(--card-magenta);
}

/* Keep the two homepage blocks consistent for guests and signed-in participants. */
#website-anmelden { --card-background: var(--card-green); }
#portal-my-sites { --card-background: var(--card-blue); }

:is(.portal-card, .form-card, .site-card, .directory-card, .auth-security-panel,
    .auth-recovery, :where(#pentester-profile-editor)) :is(small, .check-label,
    .portal-home-checker-copy p, .skill-options label, .directory-skill-options label) {
  color: var(--muted);
}

:is(.portal-card, .form-card, .site-card, .directory-card, .auth-security-panel,
    .auth-recovery, :where(#pentester-profile-editor)) :is(input:not([type=checkbox]), textarea, select) {
  border-color: #b6c6d2;
}

:is(.portal-card, .form-card, .site-card, .directory-card, .auth-security-panel,
    .auth-recovery, :where(#pentester-profile-editor)) :is(.error, .severity-critical, .button-danger) {
  color: #ffe1e9;
}

.portal-card .catalog-severity.severity-critical { color: #ffe1e9; }
.portal-card .catalog-severity.severity-high { color: #ffe2bd; }
.portal-card .catalog-severity.severity-unknown { color: var(--muted); }

.iics-card { padding: 18px; border-radius: 4px; }