/*
  OrderCore shared frontend contract.

  Keep this file intentionally conservative: page-specific inline styles still own
  layout, while shared tokens/utilities give new pages one canonical baseline.
*/

:root {
  --oc-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --oc-font-display: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --oc-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --oc-bg: #0a0a0b;
  --oc-surface: #18181b;
  --oc-surface-soft: rgba(24, 24, 27, 0.72);
  --oc-border: #27272a;
  --oc-text: #e5e5e5;
  --oc-text-muted: #a1a1aa;
  --oc-text-dim: #71717a;
  --oc-orange: #f97316;
  --oc-orange-hover: #ea580c;
  --oc-green: #22c55e;
  --oc-cyan: #67e8f9;

  --oc-radius-sm: 12px;
  --oc-radius-md: 18px;
  --oc-radius-lg: 28px;
  --oc-shadow-panel: 0 24px 80px rgba(0, 0, 0, 0.34);
}

.oc-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.oc-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 0.42rem 0.72rem;
  color: var(--oc-text-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.oc-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--oc-green);
}

.oc-shared-footer {
  color: var(--oc-text-muted);
  font-size: 0.84rem;
  line-height: 1.7;
}

.oc-shared-footer a {
  color: inherit;
}