/* bepronto.eu theme for the Lovetere frame 2.0.0: tokens only (family/FRAME.md).
   Pronto's own palette, unchanged: calm sage paper, deep green ink and the brand green; in dark the same
   greens, deep and light. The system typeface (native OS first, styled on top): no web font, no font host. */
:root {
  color-scheme: light dark;
  --c-bg: #F3F6F2;
  --c-surface: #FFFFFF;
  --c-surface-2: #E8EEE9;
  --c-ink: #16231C;
  --c-muted: #4F5E55;
  --c-line: #DCE5DE;
  --c-brand: #2F6B4F;
  --c-on-brand: #FFFFFF;
  --c-brand-ink: #2F6B4F;
  --c-link: #2F6B4F;
  --c-link-line: #2F6B4F;
  --c-focus: #2F6B4F;
  --c-hero: transparent;
  --c-band: #E8EEE9;
  --c-header: #F3F6F2;
  --c-footer: #F3F6F2;
  --f-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fw-display: 800;
  --fw-strong: 600;
  --ls-display: -0.02em;
  --tt-label: uppercase;
  --ls-label: 0.08em;
  --r-card: 16px;
  --r-button: 999px;
  --r-media: 16px;
  --r-icon: 22.5%;
  --shadow-card: none;
  --border-card: 1px solid #DCE5DE;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #0F1712;
    --c-surface: #16211A;
    --c-surface-2: #1C2A21;
    --c-ink: #EAF1EC;
    --c-muted: #A7B5AC;
    --c-line: #26352C;
    --c-brand: #7CC4A0;
    --c-on-brand: #0F1712;
    --c-brand-ink: #7CC4A0;
    --c-link: #7CC4A0;
    --c-link-line: #7CC4A0;
    --c-focus: #7CC4A0;
    --c-band: #1C2A21;
    --c-header: #0F1712;
    --c-footer: #0F1712;
    --border-card: 1px solid #26352C;
  }
}