:root {
  --white: #FFFFFF;
  --off: #F7F7F7;
  --surface: #FFFFFF;
  --surface-2: #F8F7FF;
  --border: #E8E8E8;
  --ink: #0A0A0A;
  --ink-2: #444444;
  --ink-3: #888888;
  --ink-4: #666666;
  --wine: #8C1C2B;
  --wine-2: #A82236;
  --wine-bg: #F9F0F2;
  --wine-shadow: rgba(140, 28, 43, 0.22);
  --ring: rgba(220, 28, 54, 0.26);
  --gold: #C4962A;
  --green: #22C55E;
  --success: #16A34A;
  --success-bg: #F0FDF4;
  --success-border: #BBF7D0;
  --photo-overlay: rgba(10, 10, 10, 0.5);
  --white-dim: rgba(255, 255, 255, 0.9);
  --dark-1: #2e0b15;
  --dark-2: #471327;
  --dark-3: #661c30;
  --on-dark: #fae4e8;
  --on-dark-2: #d9afbe;

  /* Accent / brand primary */
  --accent:          #A82236;
  --accent-dark:     #8C1C2B;
  --accent-on-dark:  #FF8FAD;

  /* Body background glows */
  --body-glow-1:     rgba(140, 28, 43, 0.10);
  --body-glow-2:     rgba(100, 20, 35, 0.07);

  /* Header CTA button */
  --cta-border:      rgba(140, 28, 43, 0.28);
  --cta-bg:          rgba(140, 28, 43, 0.07);
  --cta-bg-2:        rgba(140, 28, 43, 0.02);

  /* Marquee band */
  --marquee-edge:    #3A0B14;

  /* Pillar dark panel */
  --pillar-border:   rgba(220, 100, 120, 0.26);
  --pillar-divider:  rgba(200, 130, 145, 0.24);
  --pillar-shadow:   rgba(31, 8, 12, 0.28);

  /* Form dark panel */
  --form-bg-1:         rgba(46, 11, 21, 0.98);
  --form-bg-2:         rgba(71, 19, 39, 0.96);
  --form-bg-3:         rgba(102, 28, 48, 0.95);
  --form-border:       rgba(220, 100, 120, 0.32);
  --form-shadow:       rgba(31, 8, 12, 0.34);
  --form-label:        #F2C3CD;
  --form-text:         #FFF8FA;
  --form-muted:        #D89EAB;
  --form-focus:        #FF8FAD;
  --form-input-bg:     rgba(255, 255, 255, 0.06);
  --form-input-bg-f:   rgba(255, 255, 255, 0.11);
  --form-input-border: rgba(241, 179, 196, 0.26);
  --form-focus-ring:   rgba(140, 28, 43, 0.22);
  --form-autofill-bg:  #3a0f1a;

  /* Footer dark band */
  --footer-bg-1:     #120408;
  --footer-bg-2:     #200810;

  /* Success state on dark background */
  --success-icon-dk:   #6BEAA7;
  --success-text-dk:   #D9FFE8;
  --success-bg-dk:     rgba(22, 163, 74, 0.12);
  --success-border-dk: rgba(74, 222, 128, 0.46);

  /* RGB triplets for alpha-composited overlays */
  --overlay-rgb:        10, 10, 10;
  --surface-fade-rgb:   252, 247, 247;

  /* Hero content column divider */
  --col-divider:        rgba(238, 214, 218, 0.72);

  /* Lang toggle button */
  --toggle-bg:          rgba(255, 255, 255, 0.8);

  /* Contact section decorative orbs */
  --contact-orb-rgb:    74, 19, 27;
  --contact-orb-2-rgb:  46, 11, 21;

  /* Mask utility */
  --mask-opaque:        #000;
}