/* gzai git: the gzai brand kit on top of Forgejo's dark theme.
   Tokens: void #111117, panel #1D1D27, signal #B9A2FF, presence #D7FF5F,
   paper #F2F0E8, aside #9B97AF. Fonts are self-hosted with their OFL licences. */
@import "./theme-forgejo-dark.css";

@font-face { font-family: "Space Grotesk"; font-weight: 400; font-display: swap; src: url("../fonts/space-grotesk-400.ttf") format("truetype"); }
@font-face { font-family: "Space Grotesk"; font-weight: 700; font-display: swap; src: url("../fonts/space-grotesk-700.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-mono-400.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-mono-500.ttf") format("truetype"); }

:root {
  --is-dark-theme: true;
  --fonts-override: "Space Grotesk";
  --fonts-monospace: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Forgejo's grey scale, re-tinted from void (dark) to paper (light). */
  --steel-900: #0c0c11;
  --steel-850: #111117;
  --steel-800: #16161e;
  --steel-750: #1d1d27;
  --steel-700: #24242f;
  --steel-650: #2c2b38;
  --steel-600: #353443;
  --steel-550: #42414f;
  --steel-500: #514f60;
  --steel-450: #625f72;
  --steel-400: #75728a;
  --steel-350: #88849c;
  --steel-300: #9b97af;
  --steel-250: #b4b1c2;
  --steel-200: #cbc8d2;
  --steel-150: #e0ddde;
  --steel-100: #f2f0e8;

  --color-primary: #b9a2ff;
  --color-primary-contrast: #111117;
  --color-primary-dark-1: #c7b5ff;
  --color-primary-dark-2: #c7b5ff;
  --color-primary-dark-3: #d6c8ff;
  --color-primary-dark-4: #d6c8ff;
  --color-primary-light-1: #a68cf7;
  --color-primary-light-2: #9377ec;
  --color-primary-light-3: #7d61d9;
  --color-primary-light-4: #6a4fc2;
  --color-primary-light-5: #6a4fc2;
  --color-primary-light-6: #553f9e;
  --color-primary-light-7: #553f9e;
  --color-primary-alpha-10: #b9a2ff19;
  --color-primary-alpha-20: #b9a2ff33;
  --color-primary-alpha-30: #b9a2ff4b;
  --color-primary-alpha-40: #b9a2ff66;
  --color-primary-alpha-50: #b9a2ff80;
  --color-primary-alpha-60: #b9a2ff99;
  --color-primary-alpha-70: #b9a2ffb3;
  --color-primary-alpha-80: #b9a2ffcc;
  --color-primary-alpha-90: #b9a2ffe1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-4);

  --color-body: #111117;
  --color-box-body: #1d1d27;
  --color-box-header: #24242f;
  --color-nav-bg: #111117;
  --color-footer: #111117;
  --color-header-wrapper: #111117;
  --color-secondary-nav-bg: #111117;
  --color-text-dark: #ffffff;
  --color-text: #f2f0e8;
  --color-text-light: #e0ddde;
  --color-text-light-1: #cbc8d2;
  --color-text-light-2: #b4b1c2;
  --color-text-light-3: #9b97af;
  --color-input-background: #16161e;
  --color-markup-code-block: #16161e;
  --color-markup-code-inline: #24242f;
  --color-code-bg: #16161e;
}

/* Lime marks focus, as on login.gzai.org. */
:focus-visible { outline-color: #d7ff5f; }
h1, h2, h3, h4, .ui.header { font-weight: 700; }