:root {
  color-scheme: dark;
  --gp-canvas: #080806;
  --gp-canvas-soft: #0c0c0a;
  --gp-surface: #11110f;
  --gp-surface-2: #171612;
  --gp-surface-3: #1d1b16;
  --gp-overlay: rgba(10,10,8,.88);
  --gp-line: rgba(244,231,200,.09);
  --gp-line-strong: rgba(224,190,112,.2);
  --gp-text: #f7f3ea;
  --gp-text-2: #b4aea3;
  --gp-text-3: #7c776f;
  --gp-gold: #d8b56a;
  --gp-gold-light: #efd28e;
  --gp-gold-dark: #8d6b2d;
  --gp-success: #78c99a;
  --gp-warning: #dfa95f;
  --gp-danger: #df7e7e;
  --gp-info: #83a9d8;
  --gp-font-body: "DM Sans", system-ui, sans-serif;
  --gp-font-display: "Manrope", "DM Sans", system-ui, sans-serif;
  --gp-radius-xs: 8px;
  --gp-radius-sm: 12px;
  --gp-radius-md: 16px;
  --gp-radius-lg: 22px;
  --gp-radius-xl: 30px;
  --gp-space-1: 4px;
  --gp-space-2: 8px;
  --gp-space-3: 12px;
  --gp-space-4: 16px;
  --gp-space-5: 20px;
  --gp-space-6: 24px;
  --gp-space-8: 32px;
  --gp-space-10: 40px;
  --gp-shadow-1: 0 12px 32px rgba(0,0,0,.2);
  --gp-shadow-2: 0 28px 80px rgba(0,0,0,.38);
  --gp-ease: cubic-bezier(.2,.8,.2,1);
}