/* ax-settings.css - studio.olmteka.com host file of the Axtlan bars (round E, owner 2026-10-10). The bars are the same module files as speclang.pro
   (ax-core.js, ax-youtube-bar.*, ax-dealbar.*, ax-share.*); this file maps the module tokens to the studio palette (site.css :root: --panel, --paper,
   --muted, --edge, --jade, --copper). The three bars keep fixed dark panel colours in every theme, like on speclang.pro. */
:root {
  --ax-surface: var(--panel, #101a17);
  --ax-text: var(--paper, #edece3);
  --ax-muted: var(--muted, #a8b6ae);
  --ax-line: var(--edge, #34453c);
  --ax-accent: var(--jade, #78dfb1);
  --ax-shell: clamp(1rem, 3vw, 4rem);
  --ax-panel-a: #121417;
  --ax-panel-b: #1d2024;
  --ax-panel-text: #edece3;
  --ax-panel-accent: #cfa86b;
  --ax-youtube: #c4161c;
  --ax-deal-bg: #0f1113;
  --ax-deal-line: #ffffff1f;
  --ax-deal-pct: #e3c58f;
  --ax-sharebar-bg: #121417;
  --ax-sharebar-text: #edece3;
  --ax-sharebar-line: #33373d;
}
.ax-ytbar[data-ax-ytbar] { border-block-end-color: #33373d; }
.ax-ytbar[data-ax-ytbar] .ax-ytbar__next { border-inline-end-color: #33373d; }
.ax-sharebar__row > :is(a, button):is(:hover, :focus-visible) { color: #cfa86b; border-color: #cfa86b; }
@media (max-width: 480px) {
  .ax-ytbar[data-ax-ytbar] { column-gap: .5rem; }
  .ax-ytbar[data-ax-ytbar] .ax-ytbar__name { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ax-ytbar[data-ax-ytbar] .ax-ytbar__yt { display: none; }
  .ax-ytbar[data-ax-ytbar] .ax-ytbar__cta { display: inline-block; max-inline-size: 100%; white-space: normal; overflow-wrap: anywhere; text-align: center;
    padding: .45rem .6rem; font-size: .74rem; line-height: 1.2; }
}