/* fgkidsproject.com skin — cream / coral CTA / forest / teal / gold · Lilita One pop headings · playing-card frames, solid offset shadows. */
@import url("https://fonts.googleapis.com/css2?family=Lilita+One&display=swap");
:root {
  --st-bg: #FBF5EA; --st-surface: #FFFFFF; --st-ink: #1E4A3A; --st-muted: #5C7268;
  --st-accent: #E8734F; --st-accent-ink: #FFFFFF; --st-accent-2: #1E8C84; --st-gold: #E3A72F;
  --st-line: #1E4A3A; --st-radius: 16px; --st-shadow: 6px 6px 0 var(--st-ink);
  --st-font-display: "Lilita One", "Liberation Serif", Georgia, serif; --st-font-body: "Liberation Sans", Arial, Helvetica, sans-serif; --st-font-mono: "Liberation Mono", ui-monospace, monospace;
}
.st-card { border: 2px solid var(--st-ink); box-shadow: 4px 4px 0 var(--st-ink); }
.st-card:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--st-ink); }
.st-card__media { border: 2px solid var(--st-ink); border-radius: 10px; background: #FFF4DF; }
.st-title { font-weight: 400; font-size: 24px; letter-spacing: .01em; }
.st-kind { color: var(--st-accent-2); font-weight: 700; }
.st-btn--primary { border: 2px solid var(--st-ink); box-shadow: 3px 3px 0 var(--st-ink); }
.st-btn--primary:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--st-ink); }
.st-btn--ghost { border: 2px solid var(--st-ink); }
.st-badge { background: var(--st-gold); color: var(--st-ink); border: 2px solid var(--st-ink); }
.st-drawer, .st-modal__panel { border-left: 2px solid var(--st-ink); }
.st-select, .st-field input, .st-field select, .st-radio, .st-box { border-width: 2px; }
.st-line__thumb { border: 2px solid var(--st-ink); }