:root {
  --white: #FFFFFF;
  --off: #F6F8FC;
  --surface: #FFFFFF;
  --surface-2: #F8FAFF;
  --border: #D6DFEE;
  --ink: #0B1325;
  --ink-2: #2B3B56;
  --ink-3: #5B6E8A;
  --ink-4: #8FA1BC;
  --wine: #1447A6;
  --wine-2: #1F63E0;
  --wine-bg: #E8F0FF;
  --wine-shadow: rgba(20, 71, 166, 0.24);
  --ring: rgba(31, 99, 224, 0.26);
  --gold: #B6882A;
  --green: #22C55E;
  --success: #15803D;
  --success-bg: #F0FDF4;
  --success-border: #BBF7D0;
  --photo-overlay: rgba(11, 19, 37, 0.58);
  --white-dim: rgba(255, 255, 255, 0.9);
  --dark-1: #0B1730;
  --dark-2: #13274A;
  --dark-3: #1C3766;
  --on-dark: #EAF1FF;
  --on-dark-2: #AFC0DF;

  /* Accent / brand primary */
  --accent:          #1C57C1;
  --accent-dark:     #0F3E97;
  --accent-on-dark:  #83ADFF;

  /* Body background glows */
  --body-glow-1:     rgba(31, 99, 224, 0.12);
  --body-glow-2:     rgba(20, 71, 166, 0.08);

  /* Header CTA button */
  --cta-border:      rgba(20, 71, 166, 0.28);
  --cta-bg:          rgba(31, 99, 224, 0.08);
  --cta-bg-2:        rgba(31, 99, 224, 0.03);

  /* Marquee band */
  --marquee-edge:    #0E3A89;

  /* Pillar dark panel */
  --pillar-border:   rgba(126, 162, 232, 0.26);
  --pillar-divider:  rgba(169, 195, 238, 0.24);
  --pillar-shadow:   rgba(8, 16, 31, 0.28);

  /* Form dark panel */
  --form-bg-1:         rgba(11, 23, 48, 0.98);
  --form-bg-2:         rgba(19, 39, 74, 0.96);
  --form-bg-3:         rgba(28, 55, 102, 0.95);
  --form-border:       rgba(126, 162, 232, 0.32);
  --form-shadow:       rgba(8, 16, 31, 0.34);
  --form-label:        #C3D4F2;
  --form-text:         #F8FBFF;
  --form-muted:        #9EB3D8;
  --form-focus:        #89B4FF;
  --form-input-bg:     rgba(255, 255, 255, 0.06);
  --form-input-bg-f:   rgba(255, 255, 255, 0.11);
  --form-input-border: rgba(179, 202, 241, 0.26);
  --form-focus-ring:   rgba(31, 99, 224, 0.22);
  --form-autofill-bg:  #0d1d3a;

  /* Footer dark band */
  --footer-bg-1:     #0A1120;
  --footer-bg-2:     #0E1B34;

  /* 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:        11, 19, 37;
  --surface-fade-rgb:   246, 248, 252;

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

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

  /* Contact section decorative orbs */
  --contact-orb-rgb:    19, 39, 74;
  --contact-orb-2-rgb:  11, 23, 48;

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