/* Option A / Refined Link: shared with the SchoolTechPartner portal. */


:root {
  --brand-deep: #15243c;
  --brand-mid: #355fcb;
  --brand-action: #355fcb;
  --brand-light: #355fcb;
  --brand-hover: #284aa1;
  --brand-blue: #527de9;
  --brand-pale: #eef3ff;
  --brand-soft: #dbe5ff;
  --accent: #527de9;
  --accent-light: #a6bcff;
  --background: #f8fafc;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --border: #e2e8f0;
  --foreground: #15243c;
  --muted: #64748b;
  --tool-ink: var(--foreground);
  --tool-muted: var(--muted);
  --tool-line: var(--border);
  --tool-surface: var(--surface);
  --tool-page: var(--background);
  --tool-radius: 16px;
  --status-success-bg: #f0fdf4;
  --status-success-border: #bbdfc9;
  --status-success-text: #226446;
  --status-warning-bg: #fff7e8;
  --status-warning-border: #efdbad;
  --status-warning-text: #825618;
  --status-error-bg: #fff2f0;
  --status-error-border: #efc8c3;
  --status-error-text: #8d2d28;
  color-scheme: light;
}

html[data-theme="dark"] {
  --brand-mid: #a6bcff;
  --brand-light: #a6bcff;
  --brand-pale: #1c2b4c;
  --brand-soft: #2b3c64;
  --background: #0b1120;
  --surface: #131c2e;
  --surface-2: #1c2740;
  --border: #263450;
  --foreground: #e2e8f0;
  --muted: #94a3b8;
  --status-success-bg: #122e29;
  --status-success-border: #235044;
  --status-success-text: #86efac;
  --status-warning-bg: #302819;
  --status-warning-border: #655332;
  --status-warning-text: #fcd88f;
  --status-error-bg: #351f29;
  --status-error-border: #603240;
  --status-error-text: #fca5a5;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --brand-mid: #a6bcff;
    --brand-light: #a6bcff;
    --brand-pale: #1c2b4c;
    --brand-soft: #2b3c64;
    --background: #0b1120;
    --surface: #131c2e;
    --surface-2: #1c2740;
    --border: #263450;
    --foreground: #e2e8f0;
    --muted: #94a3b8;
    --status-success-bg: #122e29;
    --status-success-border: #235044;
    --status-success-text: #86efac;
    --status-warning-bg: #302819;
    --status-warning-border: #655332;
    --status-warning-text: #fcd88f;
    --status-error-bg: #351f29;
    --status-error-border: #603240;
    --status-error-text: #fca5a5;
    color-scheme: dark;
  }
}

.stp-wordmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 100%;
  margin-bottom: 26px;
  color: #fff;
  font-family: 'Geist', system-ui, sans-serif;
  font-size: clamp(19px, 3.3vw, 26px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1;
  text-decoration: none;
}
.stp-wordmark__symbol {
  display: block;
  width: 44px;
  height: auto;
  flex-shrink: 0;
}
.stp-wordmark__text { white-space: nowrap; }
.stp-wordmark__tech { color: var(--brand-blue); }
.stp-wordmark:focus-visible {
  outline: 3px solid var(--accent-light);
  outline-offset: 7px;
  border-radius: 2px;
}

@media (max-width: 390px) {
  .stp-wordmark { gap: 9px; font-size: 18px; }
  .stp-wordmark__symbol { width: 35px; }
}