/* ETLYON brand tokens — generated by source/build-pack.py. Do not edit by hand. */
:root {
  --brand-mark: #1F5E55;        /* the ring and its inside mark on light surfaces */
  --brand-mark-on-tile: #FFFFFF;     /* the mark on the teal app tile — the only white use */
  --brand-tile: #1F5E55;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --brand-mark: #3E9483; }
}
:root[data-theme="dark"], html[data-etlyon-theme="dark"] { --brand-mark: #3E9483; }

/* Lockup: mark beside the name. Mark height = 1.2 x font size, gap = 0.38 x. Never stacked. */
.brand-lockup { display:inline-flex; align-items:center; gap:.38em; font-weight:600; color:inherit; }
.brand-lockup > svg, .brand-lockup > img { height:1.2em; width:1.2em; flex:none; }
.brand-lockup > svg { fill: var(--brand-mark); }
.brand-lockup--company { letter-spacing:.16em; text-transform:uppercase; }  /* ETLYON only */