/* Projection: the single Umbra palette. Semantic tones remain independent. */
:root {
  color-scheme: dark;
  --primary: #b7a4f5;
  --primary-hover: #cbbcfa;
  --primary-text: #15171a;
  --accent-rgb: 183,164,245;
  --gold: var(--primary);
  --gold-hover: var(--primary-hover);
  --success: #91d6b0;
  --success-rgb: 145,214,176;
  --warning: #e8c481;
  --warning-rgb: 232,196,129;
  --error: #f0b5b5;
  --error-rgb: 240,181,181;
}
/* These aliases also cover page-specific styles loaded by inherited templates. */
.auth-page {--access-metal:var(--primary)}
.notice.success {color:var(--success);background:rgba(var(--success-rgb),.08);border-color:rgba(var(--success-rgb),.55)}
.notice.error {color:var(--error);background:rgba(var(--error-rgb),.06);border-color:rgba(var(--error-rgb),.5)}
.notice.warning {color:var(--warning);background:rgba(var(--warning-rgb),.08);border-color:rgba(var(--warning-rgb),.5)}
:focus-visible {outline:2px solid var(--primary);outline-offset:4px}
.has-field-error:focus-visible {outline-color:var(--error)!important}
.brand {flex-shrink:0;gap:0;color:var(--ivory)}
.umbra-logo {display:block;width:143px;height:36px;overflow:visible}
.umbra-logo-beam {fill:var(--primary)}
.brand.small .umbra-logo {width:113px;height:29px}
.brand:hover {color:var(--ivory)}
.umbra-mark {display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:middle}
.site-footer>div {min-width:0;max-width:100%;flex-wrap:wrap;row-gap:10px}
@media(max-width:600px){.umbra-logo{width:124px;height:32px}}
.locale-switch>summary{background:var(--surface);border-color:var(--line);box-shadow:none}
.locale-switch>summary:hover,.locale-switch[open]>summary{background:var(--raised);border-color:var(--primary);box-shadow:none}
.locale-switch>summary:focus-visible,.locale-choices button:focus-visible{outline-color:var(--primary)}
.community-nav{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
@media(max-width:600px){
  .site-header>.brand .umbra-logo{width:110px;height:30px}
  .site-header>.brand,.site-header>.header-actions{margin-bottom:10px}
  .site-header .header-actions{gap:4px}
  .site-header .locale-current{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .site-header .locale-switch>summary{min-width:54px;padding:0 8px;gap:6px;min-height:44px}
  .site-header .header-actions>.icon-button{width:36px;height:44px}
  .site-header .locale-choices{right:0}
  .community-nav{scrollbar-width:none;scroll-padding-inline:8px}
  .community-nav::-webkit-scrollbar{display:none}
}