:root{
  --color-bg-primary:#0A0A0A;
  --color-bg-secondary:#141414;
  --color-bg-tertiary:#1E1E1E;
  --color-bg-card:rgba(30,30,30,.75);

  --color-text-primary:#fff;
  --color-text-secondary:#B8B8B8;
  --color-text-tertiary:#808080;

  --color-accent-primary:#E8DCC4;
  --color-accent-secondary:#C9A567;
  --color-accent-tertiary:#A68953;

  --gradient-primary:linear-gradient(135deg,#C9A567 0%,#E8DCC4 100%);
  --gradient-secondary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  --gradient-tertiary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);
  --gradient-blue:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);
  --gradient-green:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);
  --gradient-radial:radial-gradient(circle,rgba(201,165,103,.12) 0%,transparent 65%);

  --font-primary:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-display:'Playfair Display',Georgia,serif;

  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:22px;
  --radius-full:9999px;

  --shadow-glow:0 0 20px rgba(201,165,103,.25);
  --shadow-glow-lg:0 0 40px rgba(201,165,103,.28);
  --shadow-xl:0 20px 40px rgba(0,0,0,.35);

  --container-max:1200px;
  --pad:clamp(16px,3vw,28px);

  /* Project sizing (fix “bulky”) */
  --project-w:clamp(280px, 70vw, 420px);
  --project-img-ratio:16/10;
}