/* Isaac homepage identity. Load before the page and component styles. */
:root {
  --brand-ink: #203332;
  --brand-paper: #eeede6;
  --brand-muted: #65726e;
  --brand-accent: #ce5d36;
  --brand-line: #1f36312e;

  /* Darker than the decorative accent so small text and white labels pass 4.5:1. */
  --brand-action: #a63f21;
  --brand-action-hover: #91361c;
  --brand-on-action: #fff;
  --brand-text-muted: #58665f;
  --brand-text-secondary: #42564e;
  --brand-surface: #f5f4ed;
  --brand-surface-soft: #f7f6f1;
  --brand-surface-muted: #e5e5dc;
  --brand-soft: #f9e9df;
  --brand-soft-hover: #f1d9cb;
  --brand-border: #d3d7ce;
  --brand-border-strong: #a6b0a5;
  --brand-border-accent: #d59b7d;
  --brand-focus: #a63f21;
  --brand-shadow-rgb: 32, 51, 50;
  --brand-accent-rgb: 206, 93, 54;

  /* Status colors remain separate from brand and chart decoration. */
  --brand-success: #237347;
  --brand-success-soft: #e8f5ee;
  --brand-warning: #97631c;
  --brand-warning-soft: #fff3df;
  --brand-danger: #ab423a;
  --brand-danger-soft: #fdecea;
  --brand-info: #426158;
  --brand-info-soft: #e7efea;
  --brand-chart-primary: #ce5d36;
  --brand-chart-secondary: #65726e;
  --brand-chart-grid: #dedfd5;
  --brand-chart-positive: #237347;
  --brand-chart-negative: #ab423a;

  /* Application roles, graph node types and explicit customer themes. */
  --brand-type-teacher: #71527c;
  --brand-type-teacher-soft: #f0e9f2;
  --brand-type-form: #25836b;
  --brand-type-form-soft: #e0f4ed;
  --brand-type-writer: #a56d22;
  --brand-type-writer-soft: #fff0db;
  --brand-type-advisor: #526d65;
  --brand-type-advisor-soft: #e4ece7;
  --brand-type-strategy: #60688e;
  --brand-type-strategy-soft: #e4e6f5;
  --brand-type-model: #7273c4;
  --brand-type-model-soft: #f0efff;
  --brand-type-knowledge: #438b86;
  --brand-type-knowledge-soft: #e8f6f4;
  --brand-type-data: #4885a9;
  --brand-type-data-soft: #eaf6ff;
  --brand-theme-violet: #7055db;
  --brand-theme-violet-soft: #f1edff;
  --brand-theme-green: #217662;
  --brand-theme-green-soft: #e7f6f1;
}

.isaac-mark {
  display: block;
  object-fit: contain;
  flex: none;
}

/* Fit the existing icon containers without overriding responsive dimensions. */
.avatar > .isaac-mark,
.sf-brand > .isaac-mark {
  max-width: 100%;
  max-height: 100%;
}