/* ARX Crown & Stone — optional, dependency-free presentation tokens. */
@import url('./fonts/fonts.css');

:root {
  --arx-charcoal: #202725;
  --arx-panel: #29322e;
  --arx-limestone: #e7dfc9;
  --arx-moss: #425444;
  --arx-oxblood: #7b3540;
  --arx-brass: #ae8f55;
  --arx-ink: #252b27;
  --arx-muted: #b8baa9;
  --arx-rule: #586254;
  --arx-font-title: 'Cinzel', Georgia, serif;
  --arx-font-ui: 'Source Sans 3', system-ui, sans-serif;
}

.arx-icon {
  display: inline-block;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  flex: none;
  fill: currentColor;
  vertical-align: -.25em;
}
.arx-icon--military { inline-size: 2rem; block-size: 2rem; }
.arx-icon-mask {
  display: inline-block;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  flex: none;
  background: currentColor;
  -webkit-mask: var(--arx-icon-url) center / contain no-repeat;
  mask: var(--arx-icon-url) center / contain no-repeat;
}
.arx-art { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
.arx-panel { color: var(--arx-limestone); background: var(--arx-charcoal); border: 1px solid var(--arx-rule); }
.arx-number { font-family: var(--arx-font-ui); font-variant-numeric: tabular-nums; }
.arx-heading { font-family: var(--arx-font-title); font-weight: 600; }
.arx-focus:focus-visible { outline: 2px solid var(--arx-limestone); outline-offset: 3px; }

/* Allegiance and state require a label or shape cue as well as colour. */