/*
Theme Name: CV. Sarana Berkat Abadi
Template: pondasi-theme
Description: CV. Sarana Berkat Abadi on Pondasi Theme. The colour and font tokens below are the site's; change them freely.
Version: 0.1.0
Text Domain: sba-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* The site's values of the Pondasi Theme tokens; the others keep the theme's neutral values. */
:root {
  --accent-mark: #9a1418;
  --accent: #9a1418;
  --accent-dark: #7b1013;
  --accent-on-dark: #d29597;
  --second: #5b3a3a;
  --second-light: #7c6161;
  --second-pale: #efebeb;
  --second-tint-1: #f8f7f7;
  --second-tint-2: #e8e3e3;
  --second-tint-3: #d1c8c8;
  --second-tint-4: #c7bcbc;
  --ink: #221a1a;
  --ink-deep: #181212;
  --ink-soft: #3d3535;

  --font-display: "Inter", system-ui, sans-serif;
  --font-ui: "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
}

/* Who we serve, on the home page. */
.services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 4vw, 56px);
  margin-top: clamp(32px, 5vw, 56px);
}

.services h3 {
  padding-top: 18px;
  border-top: 3px solid var(--accent);
  font-size: 1.5rem;
}

.services p {
  margin-top: 10px;
  color: var(--muted);
}

@media (max-width: 899px) {
  .services {
    grid-template-columns: 1fr;
  }
}