/*
 * Neuromorphyx brand for Plane (makeplane v1.4.x design tokens).
 * Injected into web and god-mode by branding/nginx/brand.inc. Palette from
 * neuromorphyx.com: monochrome, near-black backgrounds, white accent.
 * Users who pick Plane's "Custom" theme still override this (inline styles).
 */

/* Light theme: brand accent is near-black instead of Plane blue. */
:root:not([data-theme*="dark"]) {
  --brand-100: #f7f7f8;
  --brand-200: #efeff1;
  --brand-300: #e2e2e6;
  --brand-400: #cfcfd8;
  --brand-500: #b8b8b8;
  --brand-600: #8c8c8c;
  --brand-700: #5e5e68;
  --brand-800: #45454f;
  --brand-900: #2a2a33;
  --brand-1000: #1e1e24;
  --brand-1100: #111116;
  --brand-1200: #0b0b0f;
  --brand-default: #050506;
}

/* Dark theme: site backgrounds/borders/text, white accent with dark text on it. */
:root[data-theme*="dark"] {
  --neutral-black: #050506;
  --neutral-100: #0b0b0f;
  --neutral-200: #111116;
  --neutral-300: #18181d;
  --neutral-400: #1e1e24;
  --neutral-500: #24242b;
  --neutral-600: #2a2a33;
  --neutral-700: #45454f;
  --neutral-800: #5e5e68;
  --neutral-900: #757580;
  --neutral-1000: #8c8c8c;
  --neutral-1100: #b8b8b8;
  --neutral-1200: #ffffff;
  --neutral-white: #ffffff;

  --brand-100: #121216;
  --brand-200: #1a1a20;
  --brand-300: #24242b;
  --brand-400: #33333c;
  --brand-500: #45454f;
  --brand-600: #6b6b75;
  --brand-700: #b8b8b8;
  --brand-800: #cfcfd8;
  --brand-900: #e5e5ea;
  --brand-1000: #f0f0f3;
  --brand-1100: #f7f7f9;
  --brand-1200: #ffffff;
  --brand-default: #ffffff;

  --bg-accent-primary-hover: var(--brand-900);
  --bg-accent-primary-active: var(--brand-800);
  --txt-on-color: #050506;
  --txt-icon-on-color: #050506;
}

/* Logos: Plane draws them as inline SVGs; repaint them with the NX artwork
   as a mask so they keep the surrounding text color in both themes. */
svg[viewBox="0 0 253 53"],
svg[viewBox="0 0 85 52"] {
  background-color: currentColor;
  -webkit-mask: url("/nx-brand/nx-wordmark.png") left center / contain no-repeat;
  mask: url("/nx-brand/nx-wordmark.png") left center / contain no-repeat;
}
svg[viewBox="0 0 85 52"] {
  -webkit-mask-image: url("/nx-brand/nx-mark.png");
  mask-image: url("/nx-brand/nx-mark.png");
  -webkit-mask-position: center;
  mask-position: center;
}
svg[viewBox="0 0 253 53"] > *,
svg[viewBox="0 0 85 52"] > * {
  display: none;
}

/* Typography: the site's fonts, self-hosted in fonts/ (SIL OFL, latin + latin-ext). */
@font-face {
  font-family: "Michroma";
  font-weight: 400;
  font-display: swap;
  src: url("/nx-brand/fonts/michroma-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Michroma";
  font-weight: 400;
  font-display: swap;
  src: url("/nx-brand/fonts/michroma-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 400;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 400;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 500;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 500;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 600;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 600;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 700;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Rajdhani";
  font-weight: 700;
  font-display: swap;
  src: url("/nx-brand/fonts/rajdhani-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Mono";
  font-weight: 400;
  font-display: swap;
  src: url("/nx-brand/fonts/roboto-mono-var-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto Mono";
  font-weight: 400;
  font-display: swap;
  src: url("/nx-brand/fonts/roboto-mono-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Mono";
  font-weight: 500;
  font-display: swap;
  src: url("/nx-brand/fonts/roboto-mono-var-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto Mono";
  font-weight: 500;
  font-display: swap;
  src: url("/nx-brand/fonts/roboto-mono-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Fonts and corners: Rajdhani UI, Roboto Mono code/IDs, Michroma display; square
   corners like the site. rounded-full (avatars, status dots) is left alone. */
:root {
  --font-body: "Rajdhani", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-code: "Roboto Mono", "IBM Plex Mono", ui-monospace, monospace;
  --nx-font-display: "Michroma", "Rajdhani", sans-serif;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --radius-2xl: 0;
  --radius-3xl: 0;
}
.rounded {
  border-radius: 0;
}

/* Rajdhani has a small x-height; scale it to Inter's so Plane's sizes stay legible. */
body {
  font-size-adjust: 0.53;
}

/* Page headings (home greeting, sign-in, empty states) in the site's display face. */
h1,
h2 {
  font-family: var(--nx-font-display);
  font-weight: 400;
  letter-spacing: 0.04em;
}

/* Primary buttons like the site's: uppercase, tracked Roboto Mono. */
button.bg-accent-primary,
a.bg-accent-primary {
  font-family: var(--font-code);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Work item IDs (NEURO-12) in mono, like the site's spec lines. */
button.whitespace-nowrap.text-caption-sm-regular.text-tertiary {
  font-family: var(--font-code);
  letter-spacing: 0.02em;
}

/* Plane promotion: "Star us on GitHub" and the sidebar "Community" edition badge. */
a[href="https://github.com/makeplane/plane"],
div.h-12.border-t > button.bg-layer-3:only-child {
  display: none;
}