/* foodscan.org theme for the Lovetere frame 2.0.0: tokens only (family/FRAME.md lists them).
   The FoodScan "Wheat" palette, mirrored from ios/FoodScan/DesignSystem/Theme.swift: wheat paper,
   navy ink and brand, the rounded display face; light and dark, as the site had them. */
@font-face {
  font-family: "Nunito";
  src: url("/assets/fonts/nunito-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --c-bg: #F7F5EF;
  --c-surface: #FFFFFF;
  --c-surface-2: #EEF0F4;
  --c-ink: #15213A;
  --c-muted: #5F6A82;           /* the site's --fs-text-secondary-strong: #66718A is 4.49:1 on the wheat paper */
  --c-line: #E4E7ED;
  --c-brand: #1F3C73;
  --c-on-brand: #FFFFFF;
  --c-brand-ink: #1F3C73;
  --c-link: #1F3C73;
  --c-link-line: #1F3C73;
  --c-focus: #1F3C73;
  --c-band: #EEF0F4;
  --c-header: #F7F5EF;
  --c-footer: #F7F5EF;
  --f-display: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;
  --f-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fw-display: 700;
  --fw-strong: 600;
  --ls-display: 0;
  --tt-label: none;
  --ls-label: 0;
  --r-card: 20px;
  --r-button: 999px;
  --r-media: 32px;
  --r-icon: 22.5%;
  --shadow-card: 0 1px 3px rgba(21, 33, 58, .08);
  --border-card: 1px solid transparent;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #0E131D;
    --c-surface: #182030;
    --c-surface-2: #222C40;
    --c-ink: #F2F4F8;
    --c-muted: #A3ADC0;
    --c-line: #2A3449;
    --c-brand: #9DB9F2;
    --c-on-brand: #0E131D;
    --c-brand-ink: #9DB9F2;
    --c-link: #9DB9F2;
    --c-link-line: #9DB9F2;
    --c-focus: #9DB9F2;
    --c-band: #222C40;
    --c-header: #0E131D;
    --c-footer: #0E131D;
    --shadow-card: none;
    --border-card: 1px solid #2A3449;
  }
}