:root {
  --widthMaxJobBoard: 100%;
  /* ---------- Neutrals (Ashby base color ramp) ---------- */
  --colorNeutral000: #0F0F0F;   /* lightest — used for text on dark backgrounds */
  --colorNeutral100: #303030;
  --colorNeutral200: #ffffff; 
  --colorNeutral300: #585858; /* borders and stuff */
  --colorNeutral400: #666666; /* hover text */
  --colorNeutral500: #585858; /* hover text */
  --colorNeutral600: #9c9c9c; /* ashby logos and various buttons */
  --colorNeutral700: #ffffff; /* small text */
  --colorNeutral800: #ffffff; /* large headings */
  --colorNeutral900: #0F0F0F;   /* darkest — background */

  /* ---------- Brand / Accent ---------- */
  --colorPrimary900: #D3DE29!important;
  --colorPrimary600: #D3DE29!important;;
  

  /* ---------- Application background ---------- */
  --colorAppBackground: var(--colorNeutral900);

  /* ---------- Surface & border ---------- */
  --colorSurface: #ffff00;
  --colorBorder: #ffff00;

  /* ---------- Fonts ---------- */
  --fontFamily: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}