/* seed-theme.css - the Seed palette, expressed in the variable names the site's own stylesheets already read. Generated by tools/publish_page_redesign.py. Do not hand edit: the next publish overwrites it. Loaded LAST and unconditionally. It is not scoped to a data-theme attribute on purpose: theme-toggle.js used to set data-theme="dark" on every page load, which is the entire reason ten pages stayed navy while a perfectly good light theme sat in light-theme.css doing nothing. A look that depends on a script not running is not a look. */ :root, [data-theme="dark"], [data-theme="light"] { --color--seedgreen: var(--green-900); --color--seedgreen-hover: var(--white-200); --color--seedgreen-card: var(--white-000); --color--snowwhite: var(--white-000); --color--foamwhite: var(--white-200); --color--mossroot: var(--green-700); --color--olivegreen: var(--green-500); --color--frostedglass: rgba(44, 82, 32, .10); --color--frostedglass-t55: rgba(44, 82, 32, .16); --color--frostedglass-t35: rgba(44, 82, 32, .08); --color--frostedglass-t8: rgba(44, 82, 32, .04); --color-guidance-fluorescent-green: var(--green-700); --color--lemongrass: var(--lime-100); --seed-glass: rgba(252, 252, 247, .88); --seed-blur: blur(12px); --seed-text-on-glass: var(--green-900); --seed-text-muted-on-glass: var(--green-500); --seed-tab-pill: var(--lime-100); --color-primary: var(--green-900); --color-primary-light: var(--green-700); --color-primary-dark: var(--green-900); --color-primary-subtle: var(--white-200); --color-primary-rgb: 28, 58, 19; --color-secondary: var(--green-700); --color-secondary-light: var(--green-500); --color-secondary-dark: var(--green-900); --color-accent: var(--lime-400); --color-accent-light: var(--lime-100); --color-accent-subtle: var(--white-200); --color-bg: var(--bg); --color-bg-alt: var(--bg-alt); --color-surface: var(--white-000); --color-text: var(--ink); --color-text-muted: var(--ink-muted); --color-border: var(--line); } /* The site's own pages set a background and a colour on in several places. Naming it once here means a page that missed a variable still lands on the right ground rather than on white with dark-theme type. */ html, body { background: var(--bg); color: var(--ink); } /* Rounded corners and no shadows are most of what makes Seed read as Seed, and the old sheets set both per component. */ .card, .feature-card, .product-card-item, .form-input, .form-select, .form-textarea, .product-container { border-radius: var(--radius); box-shadow: none; }