/**
 * Hand-drawn graph-paper notebook background.
 * Cream sketchbook grid with slightly wobbly lines + soft paper grain.
 * Background only — does not style cards or UI chrome.
 */

html {
  background-color: #f5e4c4;
}

body {
  background-color: #fdf0d5;
  background-image:
    /* Soft paper grain */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.05'/%3E%3C/svg%3E"),
    /* Hand-drawn square grid (imperfect strokes that still tile) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M0 0.7 C7 1.45 11 0.12 17 0.78 C23 1.5 27 0.18 34 0.7' fill='none' stroke='%231A7A6F' stroke-opacity='0.28' stroke-width='1.15' stroke-linecap='round'/%3E%3Cpath d='M0.7 0 C1.45 7 0.12 11 0.78 17 C1.5 23 0.18 27 0.7 34' fill='none' stroke='%231A7A6F' stroke-opacity='0.28' stroke-width='1.15' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='21' r='0.55' fill='%232C2416' fill-opacity='0.06'/%3E%3Ccircle cx='25' cy='9' r='0.45' fill='%232C2416' fill-opacity='0.05'/%3E%3C/svg%3E"),
    /* Quiet warm washes so the page isn’t flat */
    radial-gradient(900px 520px at 10% -6%, rgba(36, 157, 143, 0.1) 0%, transparent 55%),
    radial-gradient(780px 460px at 94% 8%, rgba(233, 196, 106, 0.12) 0%, transparent 52%),
    radial-gradient(720px 420px at 48% 108%, rgba(231, 111, 81, 0.07) 0%, transparent 58%),
    linear-gradient(180deg, #fff9ee 0%, #fdf0d5 42%, #f5e4c4 100%);
  background-size:
    180px 180px,
    34px 34px,
    auto,
    auto,
    auto,
    auto;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: fixed;
}