/* Alternative v2 palette: Brazil as forest, Atlantic, ivory and muted gold. */
:root {
  --bg: #071612;
  --bg-soft: #0b211b;
  --red: #123c32;
  --red-deep: #08261f;
  --red-light: #2f7b63;
  --cream: #f4ead9;
  --cream-soft: rgba(244, 234, 217, 0.74);
  --cream-muted: rgba(244, 234, 217, 0.54);
  --line: rgba(244, 234, 217, 0.16);
  --line-strong: rgba(244, 234, 217, 0.34);
  --gold: #c8a96a;
  --ink: #17211c;
  --whatsapp: #25d366;
}

body.system-page {
  background: var(--bg);
}

body.system-page::before {
  background:
    radial-gradient(circle at 15% 8%, rgba(47, 123, 99, 0.24), transparent 28rem),
    radial-gradient(circle at 82% 14%, rgba(21, 58, 70, 0.34), transparent 28rem),
    radial-gradient(circle at 80% 75%, rgba(200, 169, 106, 0.09), transparent 30rem),
    linear-gradient(135deg, rgba(244, 234, 217, 0.028) 1px, transparent 1px),
    var(--bg);
  background-size: auto, auto, auto, 44px 44px, auto;
}

body.system-page::after {
  background:
    linear-gradient(90deg, rgba(7, 22, 18, 0.24), rgba(7, 22, 18, 0.78)),
    linear-gradient(180deg, transparent, rgba(8, 38, 31, 0.2));
}

.system-nav {
  background: rgba(7, 22, 18, 0.82);
  border-color: rgba(244, 234, 217, 0.17);
}

.system-links .nav-cta {
  border-color: rgba(200, 169, 106, 0.5);
  color: var(--gold);
}

.system-section::before {
  background:
    linear-gradient(90deg, rgba(18, 60, 50, 0.95), rgba(8, 38, 31, 0.68) 42%, rgba(21, 58, 70, 0.24)),
    radial-gradient(circle at 17% 45%, rgba(244, 234, 217, 0.08), transparent 22rem),
    radial-gradient(circle at 88% 18%, rgba(47, 123, 99, 0.22), transparent 26rem);
}

.system-section:nth-child(even)::before {
  background:
    linear-gradient(90deg, rgba(8, 38, 31, 0.94), rgba(18, 60, 50, 0.64) 44%, rgba(21, 58, 70, 0.3)),
    radial-gradient(circle at 22% 54%, rgba(200, 169, 106, 0.11), transparent 24rem),
    radial-gradient(circle at 88% 22%, rgba(47, 123, 99, 0.18), transparent 24rem);
}

.system-section[data-tone="dark"]::before {
  background:
    linear-gradient(90deg, rgba(7, 22, 18, 0.98), rgba(8, 38, 31, 0.82) 46%, rgba(21, 58, 70, 0.36)),
    radial-gradient(circle at 20% 45%, rgba(200, 169, 106, 0.09), transparent 26rem),
    radial-gradient(circle at 88% 30%, rgba(47, 123, 99, 0.14), transparent 24rem);
}

.system-section[data-tone="cream"]::before {
  background: #f4ead9;
}

.system-title em {
  color: #d6ba79;
}

.system-section[data-tone="cream"] .system-title,
.system-section[data-tone="cream"] .system-title.small {
  color: #17211c;
}

.system-section[data-tone="cream"] .system-title em {
  color: #123c32;
  text-decoration: underline;
  text-decoration-color: rgba(184, 154, 94, 0.72);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.09em;
}

.system-section[data-tone="cream"] .system-kicker,
.system-section[data-tone="cream"] .system-lead,
.system-section[data-tone="cream"] .system-text {
  color: rgba(23, 33, 28, 0.78);
}

.system-button {
  color: #08261f;
}

[data-tone="cream"] .system-button {
  border-color: #123c32;
  background: #123c32;
  color: var(--cream);
}

[data-tone="cream"] .system-button.secondary {
  color: #123c32;
}

.wire-row.is-active {
  background: linear-gradient(90deg, rgba(47, 123, 99, 0.32), rgba(244, 234, 217, 0.06));
  outline-color: rgba(200, 169, 106, 0.58);
  box-shadow: 0 0 34px rgba(47, 123, 99, 0.18);
}

[data-tone="cream"] .wire-row.is-active {
  background: linear-gradient(90deg, rgba(18, 60, 50, 0.18), rgba(255, 255, 255, 0.24));
  outline-color: rgba(18, 60, 50, 0.34);
}

.v2-panel,
.v2-article-card,
.v2-form-shell,
.system-card,
.portal-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022)),
    rgba(9, 34, 27, 0.24);
}

.v2-article-card {
  background:
    linear-gradient(180deg, rgba(7, 22, 18, 0.1), rgba(7, 22, 18, 0.88)),
    radial-gradient(circle at 20% 12%, rgba(200, 169, 106, 0.14), transparent 18rem),
    radial-gradient(circle at 82% 18%, rgba(47, 123, 99, 0.18), transparent 18rem),
    rgba(255, 255, 255, 0.035);
}

.system-section[data-tone="cream"] .v2-panel,
.system-section[data-tone="cream"] .v2-article-card {
  border-color: rgba(18, 60, 50, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.54)),
    rgba(244, 234, 217, 0.86);
}

.system-section[data-tone="cream"] .v2-panel h3,
.system-section[data-tone="cream"] .v2-article-card h3 {
  color: #123c32;
}

.system-section[data-tone="cream"] .v2-panel p,
.system-section[data-tone="cream"] .v2-panel li,
.system-section[data-tone="cream"] .v2-article-card p,
.system-section[data-tone="cream"] .v2-article-meta,
.system-section[data-tone="cream"] summary {
  color: rgba(23, 33, 28, 0.78);
}

.system-section[data-tone="cream"] .v2-label,
.system-section[data-tone="cream"] .slide-meta {
  color: #9c7f42;
}

.system-section[data-tone="cream"] .v2-filter-row .filter-btn {
  border-color: rgba(18, 60, 50, 0.2);
  background: rgba(255, 255, 255, 0.58);
  color: #123c32;
}

.system-section[data-tone="cream"] .v2-filter-row .filter-btn.active,
.system-section[data-tone="cream"] .v2-filter-row .filter-btn:hover {
  border-color: #123c32;
  background: #123c32;
  color: #f4ead9;
}

.system-section[data-tone="cream"] .proof-item {
  border-top-color: rgba(18, 60, 50, 0.38);
}

.system-section[data-tone="cream"] .proof-item b {
  color: #123c32;
}

.system-section[data-tone="cream"] .proof-item span {
  color: rgba(23, 33, 28, 0.76);
}

.system-section[data-tone="cream"] .v2-square {
  border-color: rgba(18, 60, 50, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.48)),
    rgba(244, 234, 217, 0.82);
}

.system-section[data-tone="cream"] .v2-square b {
  color: #9c7f42;
}

.system-section[data-tone="cream"] .v2-square strong {
  color: #123c32;
}

.system-section[data-tone="cream"] .v2-square span {
  color: rgba(23, 33, 28, 0.76);
}

.portal-timeline span {
  background: #0b211b;
}

.portal-timeline span.active {
  border-color: var(--gold);
  background: rgba(47, 123, 99, 0.28);
  box-shadow: 0 0 34px rgba(47, 123, 99, 0.24);
}