/* md.xil.no — the g.xil.no brand on Mastodon's design tokens.
 *
 * Mirror of forgejo/brand/theme-gxil-{light,dark}.css: the violet primary, the
 * steel ramp for dark surfaces, the cyan accent, Architects Daughter. Mastodon
 * (4.6+) paints its UI from CSS custom properties set on <html> per colour
 * scheme, so overriding those tokens here recolours every component without a
 * rebuilt image. Applied by brand/apply.rb on each deploy (Setting.custom_css,
 * served as /custom.css after the stock stylesheet, same selectors, later
 * source wins). Token names: docs.joinmastodon.org/dev/frontend/design-tokens/
 */

/* brand voice font (OFL 1.1, ArchitectsDaughter-OFL.txt), served same-origin
   from public/brand/ — the CSP allows fonts from 'self' only */
@font-face {
  font-family: "Architects Daughter";
  src: url("/brand/ArchitectsDaughter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* the indigo ramp becomes the gxil violet ramp (#7c5ce8 at 500) for both
   schemes: every brand token derives from these steps */
html {
  --color-indigo-50: #f0eafc;
  --color-indigo-100: #e2d5fa;
  --color-indigo-200: #cbb4f5;
  --color-indigo-300: #b098f2;
  --color-indigo-400: #8d70ec;
  --color-indigo-500: #7c5ce8;
  --color-indigo-600: #6741d9;
  --color-indigo-700: #5a38bd;
  --color-indigo-800: #4e30a2;
  --color-indigo-900: #422887;
  --color-indigo-950: #291853;
}

/* dark (the default scheme): steel ramp surfaces, violet #7c5ce8 on buttons —
   white on it passes AA (4.6:1), as in theme-gxil-dark.css */
[data-color-scheme="dark"],
html:not([data-color-scheme]) {
  --color-text-primary: #e8e8f0; /* steel-100 */
  --color-text-secondary: #9c9cb8; /* steel-250 */
  --color-text-tertiary: #8787a5; /* steel-300 */
  --color-text-inverted: #0a0a0f;
  --color-text-disabled: #50506e; /* steel-450 */
  --color-text-on-disabled: #8787a5;
  --color-bg-primary: #0a0a0f; /* steel-800 */
  --color-bg-secondary: #10101a; /* steel-750 */
  --color-bg-tertiary: #15151f; /* steel-700 */
  --color-bg-inverted: #e8e8f0;
  --color-bg-disabled: #32324a; /* steel-550 */
  --color-bg-brand-base: var(--color-indigo-500);
  --color-bg-brand-base-hover: var(--color-indigo-400);
  --color-border-primary: #26263a; /* steel-600 */
  --color-border-strong: #e8e8f0;
  accent-color: #00e5ff;
}

/* light: cool-tinted body, white content surfaces, violet darkened for
   contrast (#6741d9, 5.9:1 under white text), as in theme-gxil-light.css */
[data-color-scheme="light"] {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f6f6fa;
  --color-bg-tertiary: #eeedf3;
  --color-text-brand: var(--color-indigo-600);
  --color-bg-brand-base: var(--color-indigo-600);
  --color-bg-brand-base-hover: var(--color-indigo-700);
  accent-color: #0092ab;
}

/* the cyan accent: selection, both schemes */
::selection {
  background: #00e5ff;
  color: #0a0a0f;
}

/* the hand-drawn voice where g.xil.no uses it: the big title (server name on
   /about), nowhere in running text */
.about__header h1 {
  font-family: "Architects Daughter", cursive;
  letter-spacing: 0.03em;
}