/* * TTO site-wide background. * * Replaces the theme's grey stock "hex network" background image with a calm, * on-brand treatment: a soft white -> faint-blue vertical gradient plus a very * subtle honeycomb motif rendered in brand blue (#2563eb) at low opacity, so * the "technology" feel is kept but harmonised with the plugin's palette. * * !important is used deliberately to override the Tempera theme / WordPress * custom-background rule applied to . If the theme ever handles the * background itself, this file can simply be dequeued. */ body { background-color: #ffffff !important; background-image: /* 1. Clean, texture-free white band across the top so the site title keeps a calm, high-contrast backdrop (scrolls with the page). */ linear-gradient(180deg, #ffffff 0, #ffffff 90px, rgba(255,255,255,0) 200px), /* 2. Faint brand-blue honeycomb texture. */ url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='49'%20viewBox='0%200%2028%2049'%3E%3Cg%20fill='%232563eb'%20fill-opacity='0.08'%20fill-rule='evenodd'%3E%3Cpath%20d='M13.99%209.25l13%207.5v15l-13%207.5L1%2031.75v-15l12.99-7.5zM3%2017.99v11.51l9.99%205.77%209.99-5.77V17.99l-9.99-5.77L3%2017.99z'/%3E%3C/g%3E%3C/svg%3E"), /* 3. Soft white -> faint-blue base gradient. */ linear-gradient(180deg, #ffffff 0%, #e9f1fb 100%) !important; background-repeat: no-repeat, repeat, no-repeat !important; background-size: 100% 200px, 60px 105px, auto !important; background-position: center top, center top, center top !important; background-attachment: scroll, fixed, fixed !important; }