/* ARCUS shell: logical properties only (inline-start/end), never left/right, so RTL and LTR share one stylesheet (ADR-0008). */
:root {
  --arcus-header-bg: #1f3a5f;
  --arcus-header-fg: #ffffff;
  --arcus-gutter: 16px;
}

html, body {
  margin: 0;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.arcus-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.arcus-header {
  display: flex;
  align-items: center;
  gap: var(--arcus-gutter);
  padding-block: 8px;
  padding-inline: var(--arcus-gutter);
  background: var(--arcus-header-bg);
  color: var(--arcus-header-fg);
}

.arcus-brand {
  font-weight: 700;
  letter-spacing: 0.08em;
}

.arcus-tenant {
  margin-inline-start: auto;
}

.arcus-main {
  padding-block: var(--arcus-gutter);
  padding-inline: var(--arcus-gutter);
}