:root {
    --gold: #C9A96E;
    --gold-light: #E2C99A;
    --gold-dark: #8B6B3A;
    --charcoal: #1A1A1A;
    --charcoal-mid: #242424;
    --charcoal-card: #2C2B28;
    --charcoal-border: #3A3830;
    --cream: #F0EBE0;
    --cream-dim: #B8B0A0;
    --rust: #A0522D;
    --open-green: #4CAF7D;
    --danger: #C0392B;
    --danger-dark: #922B21;
    --success: #1E8449;
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }

  body {
    background-color: var(--charcoal);
    color: var(--cream);
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 300;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cpath d='M50,200 Q100,150 150,200 Q200,250 250,200 Q300,150 350,200' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M0,180 Q60,130 120,180 Q180,230 240,180 Q300,130 360,180 Q420,230 480,180' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M20,220 Q80,170 140,220 Q200,270 260,220 Q320,170 380,220' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M0,160 Q70,110 140,160 Q210,210 280,160 Q350,110 420,160' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M30,240 Q90,190 150,240 Q210,290 270,240 Q330,190 390,240' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M100,100 Q160,60 220,100 Q280,140 340,100 Q400,60 460,100' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M0,300 Q80,260 160,300 Q240,340 320,300 Q400,260 480,300' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M60,330 Q130,290 200,330 Q270,370 340,330 Q410,290 480,330' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M0,350 Q100,320 200,350 Q300,380 400,350' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3Cpath d='M150,50 Q200,20 250,50 Q300,80 350,50' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
  }