/* KCD DarkRP v1.0. Works offline; no remote font requests. */
:root {
  --kcd-obsidian: #101114;
  --kcd-iron: #1D2025;
  --kcd-slate: #303640;
  --kcd-gold: #C9A45C;
  --kcd-gold-light: #E8CC8D;
  --kcd-crimson: #8B1E2D;
  --kcd-parchment: #F3EDDF;
  --kcd-ash: #B9B3A8;
  --kcd-line: #48423A;
  --kcd-focus: #E8CC8D;
  --kcd-success: #8DB69B;
  --kcd-font-display: Georgia, 'Times New Roman', serif;
  --kcd-font-body: 'Segoe UI', Arial, sans-serif;
  --kcd-space-1: 4px; --kcd-space-2: 8px; --kcd-space-3: 12px;
  --kcd-space-4: 16px; --kcd-space-6: 24px; --kcd-space-8: 32px;
  --kcd-space-12: 48px; --kcd-space-16: 64px; --kcd-space-24: 96px;
  --kcd-radius: 8px; --kcd-content-max: 1200px;
}
.kcd-page { margin: 0; background: var(--kcd-obsidian); color: var(--kcd-parchment); font: 400 16px/1.6 var(--kcd-font-body); }
.kcd-shell { width: min(calc(100% - 48px), var(--kcd-content-max)); margin-inline: auto; }
.kcd-title { font: 700 clamp(32px, 5vw, 56px)/1.15 var(--kcd-font-display); letter-spacing: -.02em; }
.kcd-heading { font: 700 clamp(24px, 3vw, 36px)/1.2 var(--kcd-font-display); }
.kcd-label { color: var(--kcd-gold); font: 600 12px/1.4 var(--kcd-font-body); letter-spacing: .12em; text-transform: uppercase; }
.kcd-copy { max-width: 68ch; } .kcd-muted { color: var(--kcd-ash); }
.kcd-card { background: var(--kcd-iron); border: 1px solid var(--kcd-line); border-radius: var(--kcd-radius); padding: 24px; }
.kcd-link { color: var(--kcd-gold); text-decoration: underline; text-underline-offset: .18em; }
.kcd-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 1px solid var(--kcd-gold); border-radius: 6px; background: var(--kcd-gold); color: var(--kcd-obsidian); font: 600 14px/1.4 var(--kcd-font-body); text-decoration: none; cursor: pointer; }
.kcd-button:hover { background: var(--kcd-gold-light); border-color: var(--kcd-gold-light); }
.kcd-button--secondary { background: transparent; color: var(--kcd-parchment); }
.kcd-button--secondary:hover { background: var(--kcd-slate); border-color: var(--kcd-gold); }
.kcd-button--crimson { color: var(--kcd-parchment); background: var(--kcd-crimson); border-color: var(--kcd-crimson); }
.kcd-button--crimson:hover { background: #741925; border-color: var(--kcd-gold); }
.kcd-page :focus-visible { outline: 3px solid var(--kcd-focus); outline-offset: 4px; }
.kcd-rule { border: 0; border-top: 1px solid var(--kcd-line); }
.kcd-input { width: 100%; min-height: 44px; box-sizing: border-box; background: var(--kcd-obsidian); color: var(--kcd-parchment); border: 1px solid var(--kcd-ash); border-radius: 6px; padding: 10px 12px; font: inherit; }
.kcd-input::placeholder { color: var(--kcd-ash); }
@media (max-width: 600px) { .kcd-shell { width: calc(100% - 32px); } .kcd-card { padding: 20px; } }