/*
Theme Name: Aneka Jaya Scaffolding
Template: pondasi-theme
Description: Aneka Jaya Scaffolding on Pondasi Theme. The colour and font tokens below are the site's; change them freely.
Version: 0.1.0
Text Domain: ajs-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: #0b8437;
  --accent: #0b8437;
  --accent-dark: #096a2c;
  --accent-on-dark: #91c8a5;
  --second: #33503f;
  --second-light: #5c7365;
  --second-pale: #ebeeec;
  --second-tint-1: #f7f8f7;
  --second-tint-2: #e2e7e4;
  --second-tint-3: #c6cec9;
  --second-tint-4: #bac4be;
  --ink: #16211b;
  --ink-deep: #0f1713;
  --ink-soft: #323c36;

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

/* What we do, 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;
  }
}