/* Shared palette for the homepage, portfolio, service pages and error page. */
:root {
  color-scheme: dark;
  --brand-bg: #07111f;
  --brand-bg-soft: #0d1a2c;
  --brand-surface: #132338;
  --brand-border: #2b3d53;
  --brand-text: #f8fafc;
  --brand-muted: #b1bdcc;
  --brand-orange: #ff8a5b;
  --brand-orange-deep: #ff6b35;
  --brand-blue: #60a5fa;
  --bg: var(--brand-bg);
  --bg-soft: var(--brand-bg-soft);
  --text: var(--brand-text);
  --muted: var(--brand-muted);
  --orange: var(--brand-orange-deep);
  --orange-2: var(--brand-orange);
  --teal: var(--brand-blue);
  --blue: var(--brand-blue);
}
::selection { color: var(--brand-bg); background: var(--brand-orange); }
.btn-primary, a.button, .portfolio-cta {
  color: var(--brand-bg);
  background: linear-gradient(135deg,var(--brand-orange-deep),var(--brand-orange));
}
.btn-primary:hover, a.button:hover, .portfolio-cta:hover { color: var(--brand-bg); background: var(--brand-orange); }