/* potuspercent.com theme for the Lovetere frame 2.0.0: tokens only (family/FRAME.md lists them).
   Deep maroon, rose and coral with Sora 800 headings. Dark is the look the site always had; light is the same
   palette turned over: a pale rose page with the old background as its ink. Sora is served from this origin. */
@font-face {
  font-family: "Sora"; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url("/assets/fonts/sora-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Sora"; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url("/assets/fonts/sora-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: light dark;
  --c-bg: #fff5f6;
  --c-surface: #ffffff;
  --c-surface-2: #fbe7ea;
  --c-ink: #240c14;
  --c-muted: #7a3a48;
  --c-line: #f0d3d9;
  --c-brand: #ff7c87;
  --c-on-brand: #240c14;
  --c-brand-ink: #b8283f;
  --c-link: #9e2236;
  --c-link-line: #ff7c87;
  --c-focus: #9e2236;
  --c-hero:
    radial-gradient(circle at top right, rgba(255, 124, 135, 0.22), transparent 32%),
    radial-gradient(circle at 10% 36%, rgba(255, 208, 211, 0.45), transparent 26%),
    linear-gradient(155deg, #ffe9ec 0%, #fff5f6 60%);
  --c-band: #fbe7ea;
  --c-header: #fff5f6;
  --c-footer: #fff5f6;
  --c-alert: #9e2236;
  --f-display: "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f-body: "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fw-display: 800;
  --fw-strong: 700;
  --ls-display: -0.03em;
  --tt-label: uppercase;
  --ls-label: 0.22em;
  --r-card: 28px;
  --r-button: 999px;
  --r-media: 22px;
  --r-icon: 25%;
  --shadow-card: 0 18px 40px rgba(36, 12, 20, 0.08);
  --border-card: 1px solid #f0d3d9;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #240c14;
    --c-surface: #3a1620;
    --c-surface-2: #2e1019;
    --c-ink: #fff7f8;
    --c-muted: #efbcc5;
    --c-line: #4d2230;
    --c-brand: #ff7c87;
    --c-on-brand: #240c14;
    --c-brand-ink: #ff7c87;
    --c-link: #ffd0d3;
    --c-link-line: #ff7c87;
    --c-focus: #ffd0d3;
    --c-hero:
      radial-gradient(circle at top right, rgba(255, 124, 135, 0.3), transparent 28%),
      radial-gradient(circle at 10% 36%, rgba(255, 208, 211, 0.12), transparent 24%),
      linear-gradient(155deg, #2a0f19 0%, #240c14 60%);
    --c-band: #2e1019;
    --c-header: #240c14;
    --c-footer: #240c14;
    --c-alert: #ff7c87;
    --shadow-card: 0 24px 54px rgba(0, 0, 0, 0.34);
    --border-card: 1px solid #4d2230;
  }
}