:root {
  --v2-color-black: #050505;
  --v2-color-ink: #0a0b0d;
  --v2-color-canvas: #0e1014;
  --v2-color-surface: rgba(255, 255, 255, 0.045);
  --v2-color-surface-strong: rgba(255, 255, 255, 0.08);
  --v2-color-surface-hover: rgba(255, 255, 255, 0.11);
  --v2-color-line: rgba(242, 237, 230, 0.13);
  --v2-color-line-strong: rgba(242, 237, 230, 0.24);
  --v2-text-primary: #f2ede6;
  --v2-text-secondary: rgba(242, 237, 230, 0.72);
  --v2-text-muted: rgba(242, 237, 230, 0.58);
  --v2-text-faint: rgba(242, 237, 230, 0.38);
  --v2-gold-100: #f2ede6;
  --v2-gold-200: #eadcbe;
  --v2-gold-300: #e2cb95;
  --v2-gold-400: #c7a655;
  --v2-gold-gradient: linear-gradient(135deg, #f2ede6 0%, #eadcbe 50%, #e2cb95 100%);
  --v2-gold-glow: rgba(199, 166, 85, 0.14);
  --v2-success: #9cc68b;
  --v2-danger: #dd8585;
  --v2-info: #9bb8d2;

  --v2-font-display: "DM Serif Display", Georgia, serif;
  --v2-font-body: "Manrope", Arial, sans-serif;
  --v2-font-mono: "DM Mono", "Courier New", monospace;

  --v2-text-xs: 0.6875rem;
  --v2-text-sm: 0.8125rem;
  --v2-text-base: 0.9375rem;
  --v2-text-md: 1.0625rem;
  --v2-text-lg: 1.25rem;
  --v2-text-xl: 1.5rem;
  --v2-text-2xl: clamp(2rem, 4vw, 3.5rem);
  --v2-text-3xl: clamp(3rem, 7vw, 6.5rem);

  --v2-space-1: 0.25rem;
  --v2-space-2: 0.5rem;
  --v2-space-3: 0.75rem;
  --v2-space-4: 1rem;
  --v2-space-5: 1.25rem;
  --v2-space-6: 1.5rem;
  --v2-space-8: 2rem;
  --v2-space-10: 2.5rem;
  --v2-space-12: 3rem;
  --v2-space-16: 4rem;
  --v2-space-20: 5rem;
  --v2-space-24: 6rem;
  --v2-space-32: 8rem;

  --v2-radius-xs: 4px;
  --v2-radius-sm: 8px;
  --v2-radius-md: 10px;
  --v2-radius-lg: 12px;
  --v2-radius-pill: 999px;

  --v2-shadow-xs: 0 1px 0 rgba(255,255,255,.05) inset;
  --v2-shadow-sm: 0 8px 18px rgba(0,0,0,.20), 0 1px 0 rgba(255,255,255,.06) inset;
  --v2-shadow-md: 0 18px 40px rgba(0,0,0,.30), 0 1px 0 rgba(255,255,255,.08) inset;
  --v2-shadow-lg: 0 30px 70px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.10) inset;
  --v2-shadow-gold: 0 16px 34px rgba(199,166,85,.16);

  --v2-transition-fast: 150ms cubic-bezier(.2,.8,.2,1);
  --v2-transition-base: 280ms cubic-bezier(.2,.8,.2,1);
  --v2-transition-slow: 500ms cubic-bezier(.2,.8,.2,1);
  --v2-content-width: 1440px;
  --v2-page-gutter: clamp(1.25rem, 4vw, 4rem);

  /* Backward compatibility for frame.css */
  --color-gold-light: #e2cb95;
  --color-ink: #050505;
  --ease-out: cubic-bezier(.22,1,.36,1);
  --font-sans: "Manrope", Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  background: var(--v2-color-black);
  color: var(--v2-text-primary);
  font-family: var(--v2-font-body);
}

::selection {
  background: var(--v2-gold-400);
  color: var(--v2-color-black);
}