/* Tauphy extension design tokens: fonts, colours (light + dark) and the sunflower. Loaded by the toolbar popup,
   the welcome page, the history page and (as a copy, site/tokens.css) the website dashboard. The pause card on store pages keeps a copy of the colours in
   src/ui/styles.js (a closed shadow root can't link this file); test/parity.test.mjs keeps the two equal. */
@font-face { font-family: "Tauphy Serif"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("fonts/instrument-serif-400.woff2") format("woff2"); }
@font-face { font-family: "Tauphy Serif"; font-weight: 400; font-style: italic; font-display: swap;
  src: url("fonts/instrument-serif-400-italic.woff2") format("woff2"); }
:root {
  --paper: #F7F1E8; --card: #EFE8DD; --ink: #4A4741; --muted: #6B655C; --line: #DED6CA;
  --accent: #F3D274; --on-accent: #4A4741; --accent-ink: #4A4741; --on-accent-ink: #F7F1E8; --accent-soft: #F9EBC2;
  --lilac: #6B655C; --on-lilac: #F7F1E8; --lilac-soft: #EFE8DD; --stage: #E8DFD2;
  --coin: #F3D274; --coin-dark: #D9B556; --mint: #4A4741; --mint-ink: #4A4741; --danger: #B3261E;
  --accent-grad: linear-gradient(180deg, #F8E3A3 0%, #F3D274 100%);
  --paper-grad: linear-gradient(180deg, #FAF6EF 0%, #F4EDE2 100%);
  --surface-grad: linear-gradient(160deg, #F3EDE4 0%, #EBE3D7 100%);
  --ink-grad: linear-gradient(180deg, #5E5A53 0%, #4A4741 100%);
  --bar-grad: linear-gradient(90deg, #F9E7B3 0%, #F3D274 100%);
  --leaf: #8FA37A; --pot: #D8C3A5; --seed: #7A5A33; --seed-dot: #A9844F; --rain: #8FB0C4;
  --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  --display: "Tauphy Serif", "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #1D1B18; --card: #2A2723; --ink: #F7F1E8; --muted: #B4AC9F; --line: #3B3732;
    --accent: #EBCB72; --on-accent: #2A2622; --accent-ink: #EBCB72; --on-accent-ink: #2A2622; --accent-soft: #3B3324;
    --lilac: #CFC7BA; --on-lilac: #2A2622; --lilac-soft: #2A2723; --stage: #34302A;
    --mint: #EDE6DB; --mint-ink: #EDE6DB; --danger: #FF9C8F;
    --accent-grad: linear-gradient(180deg, #F3DA93 0%, #E6C366 100%);
    --paper-grad: linear-gradient(180deg, #23201C 0%, #1B1916 100%);
    --surface-grad: linear-gradient(160deg, #2F2B27 0%, #26231F 100%);
    --ink-grad: linear-gradient(180deg, #FBF7F0 0%, #ECE4D7 100%);
    --bar-grad: linear-gradient(90deg, #7D6B3C 0%, #EBCB72 100%);
    --leaf: #9DB089; --pot: #8C7458; --seed: #5C4326; --seed-dot: #8C6B3E; --rain: #9DBACB;
  }
}

/* Sunflower (drawn by src/sunflower.js) */
.sf-pot { fill: var(--pot); stroke: var(--ink); stroke-width: 1.4; stroke-linejoin: round; }
.sf-soil { fill: var(--ink); opacity: .55; }
.sf-stem { fill: none; stroke: var(--leaf); stroke-width: 2.6; stroke-linecap: round; }
.sf-leaf { fill: var(--leaf); }
.sf-petal { fill: var(--accent); stroke: var(--coin-dark); stroke-width: .7; }
.sf-center { fill: var(--seed); }
.sf-seed { fill: var(--seed-dot); }