:root {
  /* Warm-shifted blacks so the orange brand reads natural on dark */
  --bg: #0a0604;
  --bg-2: #110805;
  --bg-card: #170c08;
  --bg-glass: rgba(20, 11, 8, 0.55);
  --bg-glass-strong: rgba(20, 11, 8, 0.78);

  --fg: #f7f3ef;
  --fg-grey: #8a7c74;
  --fg-muted: rgba(247, 243, 239, 0.6);
  --fg-dim: rgba(247, 243, 239, 0.32);

  --line: rgba(255, 200, 160, 0.08);
  --line-strong: rgba(255, 200, 160, 0.22);

  /* Brand orange — sampled from the CV header gradient */
  --accent: #ff5e1f;
  --accent-2: #ff8a3d;
  --accent-deep: #c83a0a;
  --accent-soft: rgba(255, 94, 31, 0.16);
  --accent-glow: rgba(255, 94, 31, 0.45);

  /* Two-stop gradient used everywhere there's a brand surface */
  --gradient-brand: linear-gradient(135deg, #ff5e1f 0%, #ff8a3d 55%, #c83a0a 100%);
  --gradient-brand-soft: linear-gradient(135deg, rgba(255, 94, 31, 0.22), rgba(255, 138, 61, 0.08));

  /* Montserrat — full weight range to enable the Light/Black contrast from the CV */
  --font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --container: clamp(1rem, 4vw, 4rem);
  --section-gap: clamp(3rem, 6.5vw, 6.5rem);

  --radius-card: 22px;
  --radius-card-lg: 32px;

  --ease: cubic-bezier(0.65, 0.05, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}