/* Bumblly studio theme — Fraunces B, paper + ink. No bee. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,480&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap");

:root {
  --bg: #F4F1EC;
  --bg-2: #F4F1EC;
  --ink: #1A1917;
  --muted: #7A746C;
  --line: #E4DFD8;
  --honey: #1A1917;
  --leaf: #1A1917;
  --paper: #F4F1EC;
  --accent: #1A1917;
  --soft: #EFEBE4;
  --shadow: none;
  --radius: 16px;
  --font: "Plus Jakarta Sans", "Avenir Next", ui-sans-serif, system-ui, sans-serif;
  --display: "Fraunces", Georgia, "Times New Roman", serif;
}

html, body {
  background: #F4F1EC !important;
  color: #1A1917;
  font-family: var(--font);
  font-weight: 500;
}

.logo-word,
.brand .logo-word,
.wordmark-name,
.studio-name {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 560;
  letter-spacing: -0.03em;
  color: #1A1917;
}

.studio-sub,
.wordmark-sub,
.studio-label {
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  font-weight: 600;
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  color: #7A746C;
}

.header {
  background: rgba(244, 241, 236, 0.92);
  border-bottom: 1px solid #E4DFD8;
}

.logo,
.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-weight: 560;
}

.logo img,
.brand img,
.brand-mark {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: block;
}

.logo-word,
.brand .logo-word { font-size: 1.32rem; line-height: 1; }

.brand-lockup { display: flex; flex-direction: column; gap: 0.12rem; line-height: 1; }

h1 {
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.08;
}

.kicker, .eyebrow {
  letter-spacing: 0.14em;
  font-size: 0.72rem;
  font-weight: 600;
  color: #7A746C !important;
  text-transform: none;
}

.card, .app-card, .studio-card, .contact-card {
  border-radius: 16px;
  border: 1px solid #E4DFD8;
  box-shadow: none;
  background: #F4F1EC;
}

.btn, .nav-btn, .btn-dark, .btn-light {
  border-radius: 999px;
  background-image: none;
  font-weight: 600;
}

.btn-dark, .nav-btn { background: #1A1917; color: #F4F1EC; }
.btn-dark:hover, .nav-btn:hover { background: #2C2A27; transform: none; }
.btn-light { background: #F4F1EC; border: 1px solid #E4DFD8; color: #1A1917; }

.chip, .status-chip, .app-card-top span {
  background: transparent;
  border: 1px solid #E4DFD8;
  color: #7A746C;
  font-weight: 600;
}

.icon, .hero .icon, .app-card-top img { box-shadow: none; border-radius: 16px; }
.list .icon { width: 44px; height: 44px; border-radius: 10px; }

.mosaic-tile, .tile-1, .tile-2, .tile-3, .tile-4, .tile-5, .tile-6 {
  background: #F4F1EC;
  background-image: none;
  border-radius: 16px;
}

.footer, .foot { color: #7A746C; font-weight: 500; border-top-color: #E4DFD8; }
.footer-links a, .foot a { font-weight: 500; color: #7A746C; }

.summary { background: #F4F1EC !important; color: #1A1917 !important; }
.summary h2, .summary strong { color: #1A1917 !important; }
.summary p, .summary li { color: #7A746C !important; }
.note { background: #EFEBE4 !important; border: 1px solid #E4DFD8; }

nav a { color: #7A746C; font-weight: 500; }
a { color: #1A1917; }
.brand span { color: #7A746C; font-weight: 600; }
.brand .logo-word, .brand span.logo-word { color: #1A1917; }