:root {
  --white:   #FFFFFF;
  --off:     #F0F6FF;
  --surface: #FFFFFF;
  --surface-2: #EFF6FF;
  --border:  #BFCFE8;
  --ink:     #0A1628;
  --ink-2:   #1E3A5F;
  --ink-3:   #4A6A8A;
  --ink-4:   #7A9AB8;
  --wine:    #1A56FF;
  --wine-2:  #3B82F6;
  --wine-bg: #EFF6FF;
  --wine-shadow: rgba(26, 86, 255, 0.22);
  --ring:    rgba(26, 86, 255, 0.26);
  --gold:    #06B6D4;
  --green:         #22C55E;
  --success:       #16A34A;
  --success-bg:    #F0FDF4;
  --success-border:#BBF7D0;
  --photo-overlay: rgba(10, 22, 40, 0.5);
  --white-dim:     rgba(255, 255, 255, 0.9);
  --dark-1: #07102A;
  --dark-2: #0D1C42;
  --dark-3: #142960;
  --on-dark: #DCE9FF;
  --on-dark-2: #8AAEE0;

  /* Accent / brand primary */
  --accent:          #2563EB;
  --accent-dark:     #1447C0;
  --accent-on-dark:  #7BAAFF;

  /* Body background glows */
  --body-glow-1:     rgba(26, 86, 255, 0.11);
  --body-glow-2:     rgba(26, 86, 255, 0.06);

  /* Header CTA button */
  --cta-border:      rgba(26, 86, 255, 0.28);
  --cta-bg:          rgba(26, 86, 255, 0.08);
  --cta-bg-2:        rgba(26, 86, 255, 0.03);

  /* Marquee band */
  --marquee-edge:    #071040;

  /* Pillar dark panel */
  --pillar-border:   rgba(100, 150, 255, 0.26);
  --pillar-divider:  rgba(130, 175, 255, 0.24);
  --pillar-shadow:   rgba(7, 16, 42, 0.28);

  /* Form dark panel */
  --form-bg-1:         rgba(7, 16, 42, 0.98);
  --form-bg-2:         rgba(13, 28, 66, 0.96);
  --form-bg-3:         rgba(20, 41, 96, 0.95);
  --form-border:       rgba(100, 150, 255, 0.32);
  --form-shadow:       rgba(7, 16, 42, 0.34);
  --form-label:        #B0C8F2;
  --form-text:         #EFF6FF;
  --form-muted:        #7A9AB8;
  --form-focus:        #60A5FA;
  --form-input-bg:     rgba(255, 255, 255, 0.06);
  --form-input-bg-f:   rgba(255, 255, 255, 0.11);
  --form-input-border: rgba(130, 175, 240, 0.26);
  --form-focus-ring:   rgba(26, 86, 255, 0.22);
  --form-autofill-bg:  #0d1c42;

  /* Footer dark band */
  --footer-bg-1:     #060E1C;
  --footer-bg-2:     #0A1628;

  /* 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, 22, 40;
  --surface-fade-rgb:   240, 246, 255;

  /* Hero content column divider */
  --col-divider:        rgba(180, 210, 240, 0.72);

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

  /* Contact section decorative orbs */
  --contact-orb-rgb:    13, 28, 66;
  --contact-orb-2-rgb:  7, 16, 42;

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