@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  /* OrgSight.ai Brand v1. Keep analytical / assessment state colours separate. */
  --brand-navy: #0b1f3b;
  --brand-navy-raised: #173b65;
  --brand-blue: #2563eb;
  --brand-blue-hover: #1d4ed8;
  --brand-cyan: #06b6d4;
  --brand-slate: #64748b;
  --brand-ink: #122642;
  --brand-text-secondary: #475569;
  --brand-paper: #f8fafc;
  --brand-surface: #ffffff;
  --brand-soft: #eff6ff;
  --brand-line: #e2e8f0;
  --brand-line-strong: #cbd5e1;
  --brand-blue-rgb: 37, 99, 235;
  --brand-cyan-rgb: 6, 182, 212;
  --brand-navy-rgb: 11, 31, 59;
  --brand-font: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  --page-padding: 1.5rem;
  --page-padding-sm: 1rem;
  --card-padding: 1.5rem;
  --section-gap: 1.25rem;
  --card-radius: 1rem;
  --border-color: var(--brand-line);
  --border-color-subtle: #f1f5f9;
  --text-color: var(--brand-ink);
  --muted-text: var(--brand-text-secondary);
  --bg: var(--brand-paper);
  --card-bg: var(--brand-surface);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --control-height: 2.75rem;

  /* Shared sizing fallbacks used by existing portal styles */
  --font-size-sm: 0.875rem;
  --font-size-base: 0.875rem;
  --tab-gap: 0.5rem;
  --header-row-gap: 1.25rem;
  --header-row-margin: 1.5rem;
  --table-wrapper-radius: 0.75rem;
}

/* Identity primitives work in static pages and the runtime-created headers. */
.orgsight-lockup {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  flex: 0 0 auto;
  object-fit: contain;
}
.orgsight-lockup--dark { display: none; }
.auth-story-brand .orgsight-lockup { width: 250px; }
.auth-story-brand .orgsight-lockup--dark { display: block; }
.auth-story-brand .orgsight-lockup--light { display: none; }
body.has-unified-header .unified-header-title .orgsight-lockup { width: 175px; }
body.nominator-experience .unified-header-title .orgsight-lockup--light { display: none; }
body.nominator-experience .unified-header-title .orgsight-lockup--dark { display: block; }
.logo-container .orgsight-lockup { width: 240px; margin: 0 auto; }
.brand-container .orgsight-lockup { width: 250px; }
.orgsight-ring { display: block; width: 40px; height: 40px; flex: 0 0 auto; }

/* Focus remains distinct from green / amber / red analytical states. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--brand-blue);
  outline-offset: 3px;
}
:where(button, input, select, textarea) { font-family: inherit; }
@media (max-width: 640px) {
  .header-brand .orgsight-lockup { width: 145px; }
  body.has-unified-header .unified-header-title .orgsight-lockup { width: 145px; }
}
@media print {
  .orgsight-lockup--dark { display: none !important; }
  .orgsight-lockup--light { display: block !important; }
}