:root {
  --titan-primary: #173f32;
  --titan-primary-light: #245b49;
  --titan-primary-dark: #0f2f25;

  --titan-gold: #d6973c;
  --titan-gold-light: #edbd70;

  --titan-background: #f6f4ef;
  --titan-surface: #ffffff;
  --titan-surface-soft: #fbfaf7;

  --titan-text: #182018;
  --titan-text-soft: #49534c;
  --titan-muted: #737b75;

  --titan-border: rgba(24, 32, 24, 0.1);
  --titan-border-strong: rgba(24, 32, 24, 0.18);

  --titan-success: #257a4b;
  --titan-warning: #b2731d;
  --titan-danger: #a93636;

  --titan-radius-small: 12px;
  --titan-radius-medium: 18px;
  --titan-radius-large: 26px;
  --titan-radius-pill: 999px;

  --titan-shadow-small:
    0 8px 24px rgba(20, 39, 31, 0.06);

  --titan-shadow-medium:
    0 18px 50px rgba(20, 39, 31, 0.09);

  --titan-shadow-large:
    0 30px 80px rgba(20, 39, 31, 0.14);

  --titan-space-1: 4px;
  --titan-space-2: 8px;
  --titan-space-3: 12px;
  --titan-space-4: 16px;
  --titan-space-5: 20px;
  --titan-space-6: 24px;
  --titan-space-7: 32px;
  --titan-space-8: 40px;
  --titan-space-9: 56px;
  --titan-space-10: 72px;

  --titan-content-width: 1180px;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  color: var(--titan-text);
  background: var(--titan-background);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--titan-text);
  background: var(--titan-background);
  font-family: inherit;
  line-height: 1.6;
}

button,
input,
select,
textarea {
  font: inherit;
}

a {
  color: inherit;
}

img,
svg {
  display: block;
  max-width: 100%;
}

.titan-eyebrow,
.titan-kicker {
  margin: 0;
  color: var(--titan-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.titan-section-title {
  margin: 6px 0 0;
  font-size: clamp(26px, 4vw, 36px);
  line-height: 1.15;
}

.titan-muted {
  color: var(--titan-muted);
}

.titan-hidden {
  display: none !important;
}

.titan-empty,
.titan-status {
  padding: var(--titan-space-7);
  border: 1px solid var(--titan-border);
  border-radius: var(--titan-radius-medium);
  background: var(--titan-surface);
  color: var(--titan-muted);
  text-align: center;
}

.titan-status-error {
  color: var(--titan-danger);
  border-color: rgba(169, 54, 54, 0.2);
  background: #fff7f7;
}
/* ==========================================
   TITAN V9 — Global Typography Guardrails Pass 2
========================================== */
@media (min-width: 861px) {
  body {
    font-size: 16px;
  }
}

@media (max-width: 620px) {
  .titan-section-title {
    font-size: clamp(1.65rem, 7vw, 2rem);
    line-height: 1.1;
  }
}