/* Forum Debate – Rebrand Theme (colors + font stacks) */
/* Palette (PDF p.7) */
:root {
  --deep-blue: #0e428a;
  --warm-sand: #d3ad69;
  --marble-white: #F8EDD9;
  --porcelain: #F8F6F7;
  --sunset-orange: #CE7D4A;
  /* optional accent */
  --deep-green: #1E4944;
  /* optional accent */
  --dark-red: #9C4940;
  /* optional accent */
  --black: #000000;
  --white: #FFFFFF;

  /* Font variables */
  --font-display: "Tanker", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: "moderat medium", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Inklination Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

/* Global colors + fonts (no layout changes) */
html,
body {
  background: var(--porcelain);
  font-family: var(--font-body);
}

h1,
h2 {
  font-family: var(--font-display);
  color: var(--deep-blue);
}

h3,
h4,
.kicker,
.subtitle,
.badge,
.label {
  font-family: var(--font-mono);
  color: var(--deep-blue);
}

/* Links */
a {
  color: var(--deep-blue);
}

a:hover {
  color: #233468;
}

/* Buttons (best-effort without assuming your classes) */
button,
.btn,
.button,
input[type="submit"],
input[type="button"],
a.button,
a.btn {
  font-family: var(--font-body);
  background-color: var(--deep-blue);
  color: var(--white);
  border-color: var(--deep-blue);
}

/* Secondary/ghost buttons – preserve structure, only colors */
.btn.secondary,
.button.secondary,
.btn--secondary,
.btn-outline,
.ghost,
button.secondary {
  background-color: var(--marble-white);
  color: var(--deep-blue);
  border-color: var(--deep-blue);
}

/* Inputs – only color accents, no layout */
input[type="email"],
input[type="text"],
input[type="search"],
textarea,
select {
  background: var(--primary-bg);
  border-color: rgba(0, 0, 0, .15);
  color: #222;
}

input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, .45);
}

/* Cards/panels (if exist): neutral base + warm sand edge highlight */
.card,
.panel,
.tile,
.box {
  background: var(--white);
  border-color: rgba(0, 0, 0, .08);
}

.badge,
.chip,
.tag {
  background: rgba(44, 65, 134, .08);
  color: var(--deep-blue);
}