/* ============================================================================
   FSIA — LIGHT PAGE BASE  +  faint full-page grid
   ----------------------------------------------------------------------------
   Keeps the original light design (header, footer, cards, text all unchanged
   and readable) and adds a subtle, transparent grid across the WHOLE page
   background — like the grid in your forms, but page-wide and faint.

   Link it exactly as you already do (filename unchanged, no page edits needed):
     <link rel="stylesheet" href="assets-new/css/dark-theme.css">
   ============================================================================ */

body {
  /* light page color (close to image 3). Use #fff for pure white,
     or `transparent` to fall back to the browser default. */
  background-color: #f7f8fb !important;

  /* the faint grid — raise the .09 alpha for a stronger grid, lower it for fainter */
  background-image:
    linear-gradient(rgba(120, 120, 120, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 120, 120, .09) 1px, transparent 1px) !important;
  background-size: 50px 50px !important;
  /* cell size — match your form grid */
  background-attachment: fixed !important;
  /* grid stays put while scrolling */
}