:root{
  --gp-ocean:#202742;
  --gp-ocean-2:#2b345a;
  --gp-wood:#b38a64;
  --gp-wood-2:#c49b72;
  --gp-warm:#f4f1ea;
  --gp-cream:#faf8f3;
  --gp-ink:#12141c;
  --gp-muted:#5f6577;
  --gp-line:rgba(32,39,66,.15);
  --gp-line-strong:rgba(32,39,66,.24);
  --gp-card:#ffffff;
  --gp-focus:rgba(179,138,100,.3);
  --gp-radius-sm:14px;
  --gp-radius-md:20px;
  --gp-radius-lg:24px;
  --gp-shadow-1:0 10px 30px rgba(13,17,30,.09);
  --gp-shadow-2:0 18px 56px rgba(13,17,30,.12);
  --gp-max-width:1280px;

  /* Legacy aliases (styles.css compatibility during cleanup) */
  --ocean:var(--gp-ocean);
  --ocean-2:var(--gp-ocean-2);
  --wood:var(--gp-wood);
  --wood-2:var(--gp-wood-2);
  --warm:var(--gp-warm);
  --cream:var(--gp-cream);
  --ink:var(--gp-ink);
  --muted:var(--gp-muted);
  --line:var(--gp-line);
  --line-strong:var(--gp-line-strong);
  --card:var(--gp-card);
  --radius:var(--gp-radius-md);
  --radius2:34px;
  --shadow:var(--gp-shadow-2);
  --shadow2:var(--gp-shadow-1);
  --shadow3:0 4px 12px rgba(13,17,30,.07);
  --max:var(--gp-max-width);
  --focus:var(--gp-focus);
  --ok:rgba(68,122,83,.1);
  --error:rgba(153,51,39,.1);
}