body[data-variant="workspace"] {
  --content-max: 92rem;
}

body[data-variant="workspace"] .protected-main {
  background: var(--canvas);
}

body[data-variant="presentation"] {
  --content-max: 104rem;
  --canvas: #f7f3ea;
}

body[data-variant="presentation"] .portal-header {
  background: linear-gradient(175deg, #f7f3ea, #e4f0eb);
}

body[data-variant="presentation"] .page-header h1,
body[data-variant="presentation"] .hero h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -0.035em;
}

body[data-variant="presentation"] .card,
body[data-variant="presentation"] .panel,
body[data-variant="presentation"] .entry-card {
  border-color: transparent;
  box-shadow: 0 15px 44px rgb(62 52 34 / 0.09);
}

body[data-variant="presentation"] .kpi-card:nth-child(2n) {
  background: #fcf5e2;
}

body[data-variant="compact"] {
  --content-max: 98rem;
  --space-5: 0.9rem;
  --space-6: 1.1rem;
  font-size: 0.91rem;
}

body[data-variant="compact"] .protected-main {
  padding-top: 1rem;
}

body[data-variant="compact"] .card,
body[data-variant="compact"] .panel {
  border-radius: var(--radius-sm);
  box-shadow: none;
}

body[data-variant="compact"] .kpi-card {
  min-height: 6.75rem;
}

body[data-variant="compact"] .page-header {
  margin-bottom: var(--space-5);
}

body[data-variant="compact"] .page-header h1 {
  font-size: 2rem;
}

body[data-variant="compact"] .dashboard-layout {
  gap: var(--space-5);
}

body[data-variant="presentation"] .dashboard-aside {
  top: 7.5rem;
}