/* Pebble keeps the archived blue-gray palette and adds a soft display typeface. */
@font-face {
  font-family:"Pebble Manjari";
  src:url("fonts/Manjari-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:"Pebble Manjari";
  src:url("fonts/Manjari-Bold.ttf") format("truetype");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
html[data-mode="editorial-v1"] {
  --font-main:system-ui,sans-serif;
  --bg:#f5f8fc;
  --bg-alt:#eaf0f6;
  --bg-card:rgba(255,255,255,.84);
  --fg:#1d2d42;
  --fg-soft:#344b63;
  --fg-muted:#64778c;
  --border:rgba(45,73,104,.18);
  --border-soft:rgba(45,73,104,.10);
  --overlay:rgba(245,248,252,.82);
  --sage:#8fa9bb;
  --sage-dark:#345a79;
  --chart-sage:#258a80;
  --chart-blue:#5d7ea7;
  --chart-coral:#b78e72;
  --chart-yellow:#c3ae7e;
  --chart-mauve:#818ea4;
  --role-title:#344f68;
}

html[data-mode="editorial-v1"] .p-card,
html[data-mode="editorial-v1"] .filter-panel {
  border-radius:18px;
}

html[data-mode="editorial-v1"]:not([data-readable-font="true"]) .hero-name,
html[data-mode="editorial-v1"]:not([data-readable-font="true"]) .section-label,
html[data-mode="editorial-v1"]:not([data-readable-font="true"]) .role-section .role-title,
html[data-mode="editorial-v1"]:not([data-readable-font="true"]) #ventures .p-card-name,
html[data-mode="editorial-v1"]:not([data-readable-font="true"]) .view-card-title {
  font-family:"Pebble Manjari",system-ui,sans-serif;
  font-weight:700;
}
html[data-mode="editorial-v1"] .section-label { letter-spacing:.08em; }
html[data-mode="editorial-v1"] .role-section .role-title { letter-spacing:.07em; }
html[data-mode="editorial-v1"] .hero-name { letter-spacing:-.03em; }