:root {
  --gh-paper: #fbfbfc;
  --gh-surface: #ffffff;
  --gh-surface-soft: #f0f1f3;
  --gh-ink: #141e34;
  --gh-text: #242426;
  --gh-muted: #70747c;
  --gh-line: #e3e5e8;
  --gh-orange: #ff982c;
  --gh-danger: #a43d3d;
  --gh-shadow-xs: 0 1px 2px rgba(20, 30, 52, 0.06);
  --gh-shadow-sm: 0 3px 8px rgba(20, 30, 52, 0.1);
  --gh-shadow-md: 0 10px 22px rgba(20, 30, 52, 0.13);
  --gh-shadow-lg: 0 18px 34px rgba(20, 30, 52, 0.16);
  --gh-radius: 8px;
  --gh-page-gutter: 12.5%;
  --gh-font-body: Roboto, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gh-font-display: Syncopate, Roboto, Inter, ui-sans-serif, system-ui, sans-serif;
}

body {
  background-color: var(--gh-paper);
  color: var(--gh-text);
  font-family: var(--gh-font-body);
}

.gh-panel {
  border: 1px solid var(--gh-line);
  border-radius: var(--gh-radius);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: var(--gh-shadow-sm);
}

.gh-button-primary {
  border-color: var(--gh-orange);
  background: var(--gh-orange);
  color: #ffffff;
}

.gh-button-secondary {
  border-color: var(--gh-ink);
  background: var(--gh-ink);
  color: #ffffff;
}

.gh-input {
  border: 1px solid #8f98a3;
  border-radius: 6px;
  background: var(--gh-surface);
  color: var(--gh-ink);
}

.gh-input:focus {
  border-color: var(--gh-orange);
  box-shadow: 0 0 0 3px rgba(255, 152, 44, 0.22);
  outline: none;
}