:root {
  color-scheme: light;
  --sigvora-maritime-navy-950: #041526;
  --sigvora-maritime-navy-900: #061a31;
  --sigvora-maritime-navy-800: #092541;
  --sigvora-maritime-navy-700: #123a5c;
  --sigvora-maritime-gold-500: #d0a34b;
  --sigvora-maritime-gold-400: #e0b457;
  --sigvora-maritime-gold-100: #fff3d8;
  --sigvora-maritime-paper: #f4f6f7;
  --sigvora-maritime-cream: #fffaf0;
  --sigvora-maritime-line: #d9e0e5;
  --sigvora-maritime-copy: #677786;
  --sigvora-maritime-danger: #a4433d;

  /* Existing applications use different token names. They all resolve to the
     same SIGVORA Maritime palette through this shared compatibility layer. */
  --sigvora-navy: var(--sigvora-maritime-navy-800);
  --sigvora-navy-soft: var(--sigvora-maritime-navy-700);
  --sigvora-gold: var(--sigvora-maritime-gold-500);
  --sigvora-gold-dark: #9b7128;
  --sigvora-soft: var(--sigvora-maritime-paper);
  --sigvora-line: var(--sigvora-maritime-line);
  --sigvora-muted: var(--sigvora-maritime-copy);
  --sigvora-success: #9a6f22;

  --navy-950: var(--sigvora-maritime-navy-950);
  --navy-900: var(--sigvora-maritime-navy-900);
  --navy-800: var(--sigvora-maritime-navy-700);
  --navy: var(--sigvora-maritime-navy-800);
  --navy-soft: var(--sigvora-maritime-navy-700);
  --teal-500: var(--sigvora-maritime-gold-500);
  --teal-300: #e6c77e;
  --teal: var(--sigvora-maritime-gold-500);
  --aqua: var(--sigvora-maritime-gold-500);
  --blue: #9b7128;
  --gold-400: var(--sigvora-maritime-gold-500);
  --gold: var(--sigvora-maritime-gold-500);
  --paper: var(--sigvora-maritime-paper);
  --soft: var(--sigvora-maritime-paper);
  --line: var(--sigvora-maritime-line);
  --muted: var(--sigvora-maritime-copy);
  --ink: #13243a;
  --success: #9a6f22;
  --radius-lg: 18px;
  --radius-md: 12px;

  --vessel-sidebar: var(--sigvora-maritime-navy-900);
  --vessel-navy: var(--sigvora-maritime-navy-800);
  --vessel-navy-soft: var(--sigvora-maritime-navy-700);
  --vessel-gold: var(--sigvora-maritime-gold-500);
  --vessel-gold-dark: #9b7128;
  --vessel-paper: var(--sigvora-maritime-paper);
  --vessel-cream: var(--sigvora-maritime-cream);
  --vessel-line: var(--sigvora-maritime-line);
  --vessel-copy: var(--sigvora-maritime-copy);
  --vessel-green: var(--sigvora-maritime-gold-500);
}

html {
  background: var(--sigvora-maritime-paper);
  accent-color: var(--sigvora-maritime-gold-500);
}

body {
  color: #13243a;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  color: white;
  background: var(--sigvora-maritime-navy-700);
}

:focus-visible {
  outline: 3px solid rgba(208, 163, 75, .5);
  outline-offset: 2px;
}

.eyebrow,
.sigvora-eyebrow,
.next-action-label {
  color: #9b7128;
}

.brand-mark,
.sigvora-emblem {
  border: 0;
  border-radius: 0;
  clip-path: polygon(50% 0, 94% 17%, 84% 78%, 50% 100%, 16% 78%, 6% 17%);
  color: var(--sigvora-maritime-navy-800);
  background: linear-gradient(145deg, #e0b457, #a87320);
  box-shadow: 0 12px 28px rgba(4, 21, 38, .18);
}

.brand small,
.sigvora-brand small {
  color: #9b7128;
}

.security-dot,
.security-label i {
  background: var(--sigvora-maritime-gold-500);
  box-shadow: 0 0 0 5px rgba(208, 163, 75, .15);
}

.button-primary,
.primary,
.sigvora-button {
  border-color: var(--sigvora-maritime-navy-800);
  color: white;
  background: linear-gradient(135deg, var(--sigvora-maritime-navy-800), var(--sigvora-maritime-navy-700));
}

.button-primary:hover,
.primary:hover,
.sigvora-button:hover {
  background: var(--sigvora-maritime-navy-900);
}

.gold-button {
  border-color: var(--sigvora-maritime-gold-500);
  color: var(--sigvora-maritime-navy-800);
  background: var(--sigvora-maritime-gold-500);
}

.gold-button:hover {
  background: var(--sigvora-maritime-gold-400);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--sigvora-maritime-gold-500);
  box-shadow: 0 0 0 4px rgba(208, 163, 75, .14);
}

.login-card,
.readiness-card,
.profile-card,
.editor-card,
.experience-card,
.compliance-card,
.access-card,
.surface,
.panel,
.queue-panel,
.review-panel,
.document-panel,
.response-panel,
.content-card,
.profile-hero,
.state-card {
  border-color: var(--sigvora-maritime-line);
  box-shadow: 0 18px 48px rgba(4, 21, 38, .09);
}

/* Crew portal and Crew ID */
body:not(.vessel-app):not(.platform-login-app) {
  background-color: var(--sigvora-maritime-paper);
}

body.platform-login-app {
  background:
    radial-gradient(circle at 82% 16%, rgba(208, 163, 75, .12), transparent 29rem),
    linear-gradient(145deg, var(--sigvora-maritime-navy-950), var(--sigvora-maritime-navy-800));
}

body.platform-login-app .chooser-card {
  border-top: 4px solid var(--sigvora-maritime-gold-500);
  box-shadow: 0 28px 82px rgba(0, 0, 0, .3);
}

.ambient-two {
  background: rgba(208, 163, 75, .16);
}

.progress-track span {
  background: linear-gradient(90deg, var(--sigvora-maritime-gold-500), #9b7128);
}

.next-action-card {
  border-left-color: var(--sigvora-maritime-gold-500);
  background: var(--sigvora-maritime-cream);
}

.dashboard-nav a:hover,
.dashboard-nav a:focus-visible {
  color: var(--sigvora-maritime-navy-800);
  background: var(--sigvora-maritime-gold-100);
}

.profile-avatar,
.avatar {
  color: var(--sigvora-maritime-gold-400);
  background: linear-gradient(145deg, var(--sigvora-maritime-navy-800), var(--sigvora-maritime-navy-700));
}

.brand-logo {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  display: block;
  border: 1px solid rgba(208, 163, 75, .48);
  border-radius: 14px;
  object-fit: cover;
  box-shadow: 0 12px 30px rgba(4, 21, 38, .2);
}

/* Stronger navy hierarchy for the authenticated Crew application. */
body:has(#dashboard-view:not(.hidden)) {
  background:
    radial-gradient(circle at 88% 8%, rgba(9, 37, 65, .09), transparent 31rem),
    linear-gradient(145deg, #f7f8f8 0%, var(--sigvora-maritime-paper) 100%);
}

body:has(#dashboard-view:not(.hidden)) .site-header {
  border-bottom: 2px solid var(--sigvora-maritime-navy-800);
}

body:has(#dashboard-view:not(.hidden)) .dashboard-nav {
  border-color: var(--sigvora-maritime-navy-800);
  background: linear-gradient(135deg, var(--sigvora-maritime-navy-900), var(--sigvora-maritime-navy-800));
  box-shadow: 0 14px 34px rgba(4, 21, 38, .16);
}

body:has(#dashboard-view:not(.hidden)) .dashboard-nav a {
  color: #e8eef4;
}

body:has(#dashboard-view:not(.hidden)) .dashboard-nav a:hover,
body:has(#dashboard-view:not(.hidden)) .dashboard-nav a:focus-visible {
  color: var(--sigvora-maritime-navy-900);
  background: var(--sigvora-maritime-gold-400);
}

body:has(#dashboard-view:not(.hidden)) .dashboard-actions .role-badge {
  border-color: rgba(9, 37, 65, .16);
  color: var(--sigvora-maritime-navy-800);
  background: #edf1f4;
}

body:has(#dashboard-view:not(.hidden)) .readiness-card,
body:has(#dashboard-view:not(.hidden)) .profile-card,
body:has(#dashboard-view:not(.hidden)) .editor-card {
  border-top: 4px solid var(--sigvora-maritime-navy-800);
}

body:has(#dashboard-view:not(.hidden)) .readiness-metric {
  box-shadow: inset 0 3px 0 rgba(9, 37, 65, .12);
}

body:has(#dashboard-view:not(.hidden)) .career-overview article {
  border-top: 3px solid var(--sigvora-maritime-navy-700);
}

body:has(#dashboard-view:not(.hidden)) .button-secondary {
  border-color: rgba(9, 37, 65, .28);
  color: var(--sigvora-maritime-navy-800);
}

body:has(#dashboard-view:not(.hidden)) .section-heading h2,
body:has(#dashboard-view:not(.hidden)) .profile-card h2,
body:has(#dashboard-view:not(.hidden)) .editor-card h2 {
  color: var(--sigvora-maritime-navy-900);
}

.profile-facts > div:first-child {
  padding: 14px 15px;
  border: 1px solid rgba(208, 163, 75, .55);
  border-radius: 11px;
  background: linear-gradient(145deg, var(--sigvora-maritime-navy-900), var(--sigvora-maritime-navy-800));
  box-shadow: 0 12px 28px rgba(4, 21, 38, .14);
}

.profile-facts > div:first-child dt {
  color: var(--sigvora-maritime-gold-400);
}

#profile-sigvora-id {
  color: white;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .73rem;
  letter-spacing: .045em;
  overflow-wrap: anywhere;
}

.status-cleared,
.status-verified,
.status-ready,
.status-response,
.status-assigned,
.badge.is-positive,
.analysis-ready_for_external_review {
  color: #80520d;
  background: var(--sigvora-maritime-gold-100);
}

/* Crew ID review console */
.review-overview {
  border-top-color: var(--sigvora-maritime-gold-500);
}

.queue-item.selected {
  border-color: var(--sigvora-maritime-gold-500);
  background: var(--sigvora-maritime-cream);
}

.queue-item .crew-id,
#case-sigvora-id {
  color: #9b7128;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .045em;
}

/* Vessel reference application: gold replaces every former aqua status cue. */
.vessel-hero {
  background:
    radial-gradient(circle at 88% 20%, rgba(208, 163, 75, .24), transparent 28%),
    radial-gradient(circle at 70% 115%, rgba(69, 89, 113, .42), transparent 42%),
    linear-gradient(115deg, #06192f 8%, #0a2844 62%, #173b59);
}

.gauge-ring {
  background: conic-gradient(var(--sigvora-maritime-gold-500) calc(var(--readiness) * 1%), rgba(255,255,255,.16) 0);
}

.gauge-ring span {
  color: var(--sigvora-maritime-gold-400);
}

/* Legal and public sharing surfaces */
.notice,
.privacy-note,
.warning-note,
.prepared-notice {
  border-left-color: var(--sigvora-maritime-gold-500);
}

.back-link,
main a:not(.button):not(.sigvora-link-button) {
  color: #80520d;
}

@media (max-width: 620px) {
  .profile-facts > div:first-child {
    text-align: left;
  }
}