/* Shared PostSpy landing/dashboard base styles.
   Cream background + dot grid borrowed from chriscottonux.com.
   Cards/sections sit on top in their own opaque containers so the dot grid
   shows in the gaps. */

/* Inter from Google Fonts — open-source equivalent to Google Sans
   (which is Google-proprietary and not on Google Fonts). We list
   "Google Sans" first in every stack so anyone who has it installed
   locally (Pixel users / Google employees) sees it; everyone else
   gets Inter, which is visually nearly identical. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --postspy-bg: #F4F3EE;        /* page cream */
  --postspy-bg-warm: #F5EFD8;   /* warmer cream used at the top */
  --postspy-text: #1A1A18;
  --postspy-dot: rgba(0,0,0,0.18);
}

html {
  background-color: var(--postspy-bg);
}

html, body {
  background-color: var(--postspy-bg);
  color: var(--postspy-text);
  font-family: 'Google Sans', 'Google Sans Flex', 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
  /* Flat page-cream background with the dot grid layered on top.
     The warm-cream → cream gradient has been removed so the page reads
     as one tone end-to-end. */
  background-color: var(--postspy-bg);
  background-image:
    radial-gradient(circle, var(--postspy-dot) 1px, transparent 1px);
  background-size: 28px 28px;
  background-attachment: scroll;
  background-repeat: repeat;
}

/* Header / footer translucency lets the dot grid show through at the edges
   while preserving readability. */
header { background: rgba(255,255,255,0.78) !important; backdrop-filter: blur(8px); }
footer { background: transparent !important; border-top-color: rgba(0,0,0,0.06); }