:root {
  color-scheme: light;
  --ink: #14241f;
  --muted: #60716a;
  --dim: #83918b;
  --line: #dce6e1;
  --panel: #ffffff;
  --panel-2: #f5f8f6;
  --bg: #f3f7f5;
  --green: #0b8861;
  --green-strong: #08704f;
  --accent: #0b8861;
  --cyan: #2679b8;
  --danger: #c54840;
  --red: #c54840;
  --amber: #946813;
  --blue: #2d66b3;
  --radius: 16px;
}

html { color-scheme: light; }
body {
  color: var(--ink);
  background: var(--bg);
}
body::before {
  opacity: 1;
  background:
    radial-gradient(circle at 10% 0%, rgba(30, 158, 112, .13), transparent 34rem),
    radial-gradient(circle at 92% 22%, rgba(61, 121, 183, .09), transparent 32rem);
}

.ambient { opacity: .09; }
.ambient-one { background: #39b98a; }
.ambient-two { background: #65a5dc; }

.site-header {
  border-color: rgba(205, 219, 212, .9);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 8px 28px rgba(38, 67, 56, .05);
}
.brand-mark {
  border-color: rgba(11, 136, 97, .35);
  background: linear-gradient(145deg, rgba(11, 136, 97, .12), rgba(38, 121, 184, .04));
  color: var(--green);
}
.brand small, .brand span { color: var(--muted); }
.nav-link, .text-link, .text-button { color: var(--muted); }
.nav-link:hover, .text-link:hover, .link-button { color: var(--green); }

.button { border-radius: 10px; }
.button-primary, .button.primary {
  color: #fff;
  background: var(--green);
  box-shadow: 0 7px 18px rgba(11, 136, 97, .17);
}
.button-primary:hover, .button.primary:hover { background: var(--green-strong); }
.button-secondary {
  color: var(--green);
  background: #eaf5f0;
  border-color: #bddccd;
}
.button-ghost, .button.ghost {
  color: #465852;
  background: rgba(255, 255, 255, .76);
  border-color: var(--line);
}
.button-danger, .button.danger {
  color: var(--danger);
  background: #fff6f5;
  border-color: #efc9c6;
}

.hero-lead { color: #52655e; }
.hero-points span {
  border-color: #d4e1db;
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: #5b6b65;
}

.auth-card, .login-card, .apply-card {
  border-color: #d9e4de;
  border-radius: 20px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 28px 70px rgba(41, 73, 61, .12);
}
.auth-tab.active { color: var(--green); border-color: var(--green); }
.form-heading p, .section-heading-row p { color: var(--muted); }
label { color: #42554e; }
label small { color: var(--dim); }
input, textarea, select {
  border-color: #d6e1dc;
  background: #fbfdfc;
  color: var(--ink);
}
input:focus, textarea:focus, select:focus {
  border-color: rgba(11, 136, 97, .58);
  box-shadow: 0 0 0 3px rgba(11, 136, 97, .1);
}

.public-process, .docs-section {
  border-color: var(--line);
  background: rgba(248, 251, 249, .82);
}
.process-grid article { border-color: var(--line); }
.process-grid p, .docs-heading p:last-child, .doc-block p, .endpoint-list span {
  color: var(--muted);
}

.metric-grid, .card, .key-card, .summary-card, .panel {
  border-color: #dbe5e0;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 32px rgba(39, 70, 58, .06);
}
.metric-grid { border-radius: 16px; overflow: hidden; }
.metric-grid article {
  border-color: var(--line);
  background: #fff;
}
.card, .key-card { border-radius: 16px; }
.badge, .pill {
  color: var(--muted);
  background: #f1f5f3;
  border-color: var(--line);
}
.badge.pending { color: var(--amber); border-color: #e6d3aa; background: #fffaf0; }
.badge.approved, .badge.active { color: var(--green); border-color: #b9ddce; background: #eff9f4; }
.badge.rejected, .badge.revoked { color: var(--danger); border-color: #efc7c4; background: #fff5f4; }
.application-meta div { border-radius: 10px; background: #f5f8f6; }
.activity-item, th, td, .endpoint-list, .endpoint-list > div, .doc-block, .docs-nav a {
  border-color: var(--line);
}
.activity-item span, td code, .docs-heading code, .doc-block p code { color: var(--green); }
.key-prefix {
  border-radius: 9px;
  background: #eef6f2;
  color: #087353;
}
.quota-line { background: #e7eeea; }
td { color: #40534c; }

pre, .curl-example {
  border-color: #d8e5df;
  border-radius: 12px;
  background: #edf5f1;
  color: #165f48;
}
.doc-note { background: #edf8f3; }
.status-grid { border-color: var(--line); border-radius: 14px; overflow: hidden; }
.status-grid div { border-color: var(--line); background: #fff; }

.secret-dialog {
  border-color: #cde0d7;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 32px 90px rgba(34, 58, 49, .24);
}
.secret-dialog::backdrop { background: rgba(35, 48, 43, .42); }
.secret-box {
  border-color: #cbe1d7;
  background: #eff7f3;
}
.secret-box code { color: var(--green); }
.toast {
  border-color: #d3e1da;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 16px 42px rgba(34, 58, 49, .16);
}
.toast.error { color: var(--danger); background: #fff7f6; }

.sidebar {
  border-color: #dce6e1;
  background: rgba(255, 255, 255, .9);
  box-shadow: 10px 0 32px rgba(38, 67, 56, .04);
}
.nav-item { color: var(--muted); }
.nav-item > span { color: #9aa8a2; }
.nav-item.active { color: var(--ink); background: #edf6f2; }
.nav-item.active > span, .eyebrow { color: var(--green); }
.badge { background: #edf6f2; color: var(--green); }
.summary-card small { color: var(--dim); }
.summary-card::after { border-color: rgba(11, 136, 97, .12); }
.signal i { background: var(--green); box-shadow: 0 0 10px rgba(11, 136, 97, .25); }
.signal.calm i { background: var(--cyan); }
th { color: #71817a; }
td { border-color: #e5ece8; }
.pill { background: #f1f5f3; }
.mini-button {
  border-color: var(--line);
  background: #f8faf9;
  color: #52635d;
}
.mini-button.approve { color: var(--green); }
.mini-button.reject { color: var(--danger); }
.apply-head a, .apply-copy > p:not(.eyebrow), .feature-list li, .status-block {
  color: var(--muted);
}
.status-block { border-color: var(--line); background: #f8faf9; }

@media (max-width: 760px) {
  .sidebar { box-shadow: 0 8px 24px rgba(38, 67, 56, .05); }
}