/* Built from examples/apps.json by scripts/build-site.mjs. Edit the JSON, not this file. */
.ph.k-loaf {
  --font: ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif; --font-display: "Young Serif", ui-serif, Georgia, serif;
  --ground: #F1E7D6; --panel: #FBF6EC; --inset: #E8DCC7; --hover: #E0D2BA; --sunken: #E8DCC7;
  --hair: rgba(36, 23, 14, 0.1); --hair-2: rgba(36, 23, 14, 0.16);
  --ink-strong: #24170E; --ink: #3A2A1E; --ink-muted: #7A6655; --ink-quiet: #A08C79;
  --accent: #BF4F1A; --accent-text: #A8431A; --accent-soft: rgba(191, 79, 26, 0.14); --accent-line: rgba(191, 79, 26, 0.5);
  --btn: #24170E; --btn-down: #3A2A1E; --btn-ink: #FBF6EC; --home-ind: #24170E;
  --r-card: 22px; --r-row: 18px;
  background: var(--ground); color: var(--ink); font-family: var(--font);
}
.ph.k-stride {
  --font: ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif; --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --ground: #0E0F0C; --panel: #1A1C17; --inset: #24261F; --hover: #2E3027; --sunken: #24261F;
  --hair: rgba(244, 246, 236, 0.1); --hair-2: rgba(244, 246, 236, 0.16);
  --ink-strong: #F4F6EC; --ink: #DCDFD3; --ink-muted: #9A9E8F; --ink-quiet: #6E7264;
  --accent: #D4FF3F; --accent-text: #D4FF3F; --accent-soft: rgba(212, 255, 63, 0.14); --accent-line: rgba(212, 255, 63, 0.5);
  --btn: #D4FF3F; --btn-down: #BDE52E; --btn-ink: #0E0F0C; --home-ind: #F4F6EC;
  --r-card: 14px; --r-row: 10px;
  background: var(--ground); color: var(--ink); font-family: var(--font);
}
.ph.k-halves {
  --font: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif; --font-display: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
  --ground: #F3F3EE; --panel: #FFFFFF; --inset: #E9E9E2; --hover: #E0E0D8; --sunken: #E9E9E2;
  --hair: rgba(17, 17, 16, 0.1); --hair-2: rgba(17, 17, 16, 0.16);
  --ink-strong: #111110; --ink: #23231F; --ink-muted: #6B6B63; --ink-quiet: #94948B;
  --accent: #F2B705; --accent-text: #8A6500; --accent-soft: rgba(242, 183, 5, 0.14); --accent-line: rgba(242, 183, 5, 0.5);
  --btn: #111110; --btn-down: #2A2A27; --btn-ink: #FFFFFF; --home-ind: #111110;
  --r-card: 18px; --r-row: 14px;
  background: var(--ground); color: var(--ink); font-family: var(--font);
}
.ph.k-lull {
  --font: ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif; --font-display: "Cormorant Garamond", ui-serif, Georgia, serif;
  --ground: #DCE4EC; --panel: #F2F5F8; --inset: #CDD7E2; --hover: #C2CEDB; --sunken: #CDD7E2;
  --hair: rgba(18, 29, 51, 0.1); --hair-2: rgba(18, 29, 51, 0.16);
  --ink-strong: #121D33; --ink: #22304A; --ink-muted: #5A6780; --ink-quiet: #8592A8;
  --accent: #D9822B; --accent-text: #A65B12; --accent-soft: rgba(217, 130, 43, 0.14); --accent-line: rgba(217, 130, 43, 0.5);
  --btn: #121D33; --btn-down: #22304A; --btn-ink: #F2F5F8; --home-ind: #121D33;
  --r-card: 20px; --r-row: 16px;
  background: var(--ground); color: var(--ink); font-family: var(--font);
}
.ph.k-parla {
  --font: "Baloo 2", ui-rounded, system-ui, sans-serif; --font-display: "Baloo 2", ui-rounded, system-ui, sans-serif;
  --ground: #E4472E; --panel: #EE5B41; --inset: #D23C24; --hover: #C8351F; --sunken: #D23C24;
  --hair: rgba(255, 255, 255, 0.1); --hair-2: rgba(255, 255, 255, 0.16);
  --ink-strong: #FFFFFF; --ink: #FFF1E6; --ink-muted: #FFD3C2; --ink-quiet: #F7AE97;
  --accent: #FFE7B8; --accent-text: #FFE7B8; --accent-soft: rgba(255, 231, 184, 0.14); --accent-line: rgba(255, 231, 184, 0.5);
  --btn: #FFF1E6; --btn-down: #FFE1CF; --btn-ink: #B52A14; --home-ind: #FFFFFF;
  --r-card: 28px; --r-row: 24px;
  background: var(--ground); color: var(--ink); font-family: var(--font);
}
.ph.k-fern {
  --font: ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif; --font-display: "Gloock", ui-serif, Georgia, serif;
  --ground: #DFE6D8; --panel: #F1F4EC; --inset: #D2DBC9; --hover: #C6D1BB; --sunken: #D2DBC9;
  --hair: rgba(22, 34, 26, 0.1); --hair-2: rgba(22, 34, 26, 0.16);
  --ink-strong: #16221A; --ink: #26332A; --ink-muted: #5D6B60; --ink-quiet: #86937F;
  --accent: #B4572F; --accent-text: #9A4523; --accent-soft: rgba(180, 87, 47, 0.14); --accent-line: rgba(180, 87, 47, 0.5);
  --btn: #16221A; --btn-down: #26332A; --btn-ink: #F1F4EC; --home-ind: #16221A;
  --r-card: 20px; --r-row: 16px;
  background: var(--ground); color: var(--ink); font-family: var(--font);
}