/* ===============================
   Medal Careers — Dark Theme + Fixed Header
   Safe for Ashby’s CSS uploader (no disallowed selectors)
   =============================== */

   :root {
    color-scheme: dark;
  }
  
  /* Base typography & color */
  html, body {
    background-color: #000 !important;
    color: #fff !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
    line-height: 1.5;
    margin: 0;
    padding: 0;
  }
  
  /* Reset default white fills */
  * {
    background-color: transparent !important;
    box-shadow: none !important;
    color: inherit;
  }
  
  /* Section + article (for job lists and cards) */
  main, section, article {
    background-color: #000 !important;
    color: #fff !important;
  }
  
  /* Headings and text */
  h1, h2, h3, h4, h5, h6 { color: #fff !important; }
  p, li, strong, em { color: #fff !important; }
  
  /* Links */
  a {
    color: #fff !important;
    text-decoration: underline;
  }
  a:hover,
  a:focus-visible {
    text-decoration: none;
  }
  
  /* Buttons */
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 8px !important;
    padding: 0.625rem 0.9rem !important;
    cursor: pointer;
  }
  button:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover {
    background: #222 !important;
    border-color: #5a5a5a !important;
  }
  
  /* Form fields */
  input,
  select,
  textarea {
    background: #0a0a0a !important;
    color: #fff !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 8px !important;
    padding: 0.55rem 0.6rem !important;
  }
  input:focus,
  select:focus,
  textarea:focus {
    border-color: #6a6a6a !important;
    outline: none;
  }
  ::placeholder { color: #b0b0b0 !important; }
  
  /* Tables (if used) */
  table { width: 100%; border-collapse: collapse; }
  th, td { border-bottom: 1px solid #2a2a2a; padding: 0.6rem 0.4rem; }
  th { color: #fff !important; font-weight: 600; }
  
  /* Footer / small text */
  small { color: #d0d0d0 !important; }
  footer { background: #000 !important; color: #d0d0d0 !important; }
  
  /* =========================================
     FIXED HEADER + WHITE LOGO
     ========================================= */
  
  /* Make header black and fixed */
  header {
    background-color: #000 !important;
    color: #fff !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #2a2a2a;
  }
  
  /* Prevent main content from sliding under fixed header */
  body { padding-top: 80px !important; }
  
  /* Invert dark logo to white */
  header img {
    filter: invert(1) brightness(1.3) contrast(1.1);
    max-height: 40px;
  }
  
  /* If inline SVG logo, ensure it’s white */
  header svg {
    fill: #fff !important;
    stroke: #fff !important;
  }