/* 4linux look, from 4linux.com.br: teal #0a9ba0 and bright cyan #12d7d3 on near-black teal #0c1b1b.
   Only tokens change; no screen knows which brand it is. `html:root` outranks the :root of
   styles.css, which loads after this file. Contrast: dark text on the cyan (the site's own buttons),
   dark teal as text on light surfaces. */
html:root {
  --bg: #f4fafa;
  --surface: #ffffff;
  --surface-2: #e7fbfb;
  --text: #0c1b1b;
  --text-muted: #3d4949;
  --border: #bcd1d1;
  --accent: #12d7d3;
  --accent-text: #0c1b1b;
  --accent-soft: #e7fbfb;
  --accent-ink: #0a7674;
  --secondary: #085a59;
  --focus: #0a7674;
  --font-display: 'Inter', system-ui, sans-serif;

  --brand-a: #12d7d3;
  --brand-a-rgb: 18 215 211;
  --brand-a-strong: #0d9996;
  --brand-a-text: #0a7674;
  --brand-a-light: #60e4e2;
  --brand-a-light-rgb: 96 228 226;
  --brand-a-lighter: #b6f3f1;
  --brand-b: #0a9ba0;
  --brand-b-rgb: 10 155 160;
  --brand-b-light: #92edeb;
  --brand-c: #10c4c0;
  --brand-c-rgb: 16 196 192;
  --brand-ink: #0c1b1b;
  --brand-ink-rgb: 12 27 27;
  --brand-ink-2: #071313;
  --brand-ink-3: #122626;
  --brand-light: #e7fbfb;
  --brand-light-rgb: 231 251 251;
  --brand-line-dark: #28403f;
  --brand-line-light: #bcd1d1;
  --brand-muted-dark: #bcd1d1;
  --brand-muted-dark-2: #95a6a6;
  --brand-muted-dark-3: #95a6a6;
  --brand-deep-1: #0c1b1b;
  --brand-deep-2: #054948;
  --brand-deep-3: #085a59;
  --brand-on-a-light: #0c1b1b;
}

@media (prefers-color-scheme: dark) {
  html:root {
    --bg: #071313;
    --surface: #0c1b1b;
    --surface-2: #122626;
    --text: #e7fbfb;
    --text-muted: #bcd1d1;
    --border: #28403f;
    --accent: #12d7d3;
    --accent-text: #0c1b1b;
    --accent-soft: #0a3a3a;
    --accent-ink: #60e4e2;
    --secondary: #60e4e2;
    --focus: #60e4e2;
  }
}