/* Veson API Hub — shared variables, fonts, base styles */
:root {
  --navy: #162944;
  --navy-soft: #2a3f5f;
  --orange: #ff7f31;
  --ink: #1a1a1a;
  --gray-50:  #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #e5e5e5;
  --gray-300: #d4d4d4;
  --gray-500: #737373;
  --gray-700: #404040;
  --gray-900: #171717;
  --bg: #ffffff;
  --rule-soft: #ebe7d8;

  --status-draft:   #737373;
  --status-beta:    #ff7f31;
  --status-partner: #2563eb;
  --status-public:  #16a34a;

  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --maxw: 1280px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: #fff;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--orange); }
.mono { font-family: var(--font-mono); }


/* Shared status badge — same colours wherever it appears. */
.badge {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 3px;
  background: var(--gray-200);
  color: var(--gray-700);
  font-family: var(--font-body);
}
.badge.draft   { background: rgba(115,115,115,0.15); color: var(--status-draft); }
.badge.beta    { background: rgba(255,127,49,0.15); color: var(--status-beta); }
.badge.partner { background: rgba(37,99,235,0.12);  color: var(--status-partner); }
.badge.public  { background: rgba(22,163,74,0.12);  color: var(--status-public); }