:root {

  --summer-shore:   #0e1f24;
  --summer-tide:    #16303a;
  --summer-sea:     #24a59d;
  --summer-foam:    #5dccc5;
  --summer-sand:    #fae7bf;
  --summer-gold:    #e4c077;
  --summer-coral:   #e4a367;
  --summer-grass:   #88b07e;
  --summer-deep:    #08181f;

  --page-bg:               linear-gradient(180deg, #06151c 0%, #0a2230 45%, #0f3040 100%);
  --surface-1:             rgba(14, 31, 36, 0.96);
  --surface-2:             rgba(22, 48, 58, 0.85);
  --surface-3:             rgba(18, 48, 58, 0.4);
  --surface-card:          rgba(14, 31, 36, 0.82);
  --surface-card-hover:    rgba(22, 48, 58, 0.9);
  --surface-deep:          rgba(8, 22, 30, 0.95);
  --surface-glass-strong:  rgba(14, 31, 36, 0.97);
  --surface-glass-mid:     rgba(22, 48, 58, 0.78);
  --surface-glass-soft:    rgba(22, 48, 58, 0.4);

  --scrim-deep:            rgba(8, 24, 30, 0.78);
  --scrim-mid:             rgba(14, 31, 36, 0.4);
  --scrim-soft:            rgba(14, 31, 36, 0.2);

  --shadow:                0 18px 40px rgba(2, 14, 22, 0.55);
  --shadow-deep:           0 20px 30px rgba(2, 14, 22, 0.5);
  --shadow-card:           0 6px 12px rgba(2, 14, 22, 0.4);
  --shadow-lift:           0 8px 20px rgba(8, 24, 34, 0.5);
  --shadow-hover:          0 12px 30px rgba(2, 14, 22, 0.55);
  --shadow-tint-deep:      rgba(2, 14, 22, 0.5);
  --shadow-tint-card:      rgba(2, 14, 22, 0.4);
  --shadow-tint-lift:      rgba(8, 24, 34, 0.45);

  --text-strong:           #fae7bf;
  --text-soft:             rgba(248, 232, 207, 0.78);
  --text-muted:            rgba(228, 220, 200, 0.55);
  --text-faint:            rgba(248, 232, 207, 0.07);
  --ink:                   #08181f;

  --accent-primary:        var(--summer-foam);
  --accent-secondary:      var(--summer-sea);
  --accent-warm:           var(--summer-coral);
  --accent-gold:           #f0c060;
  --accent-soft:           var(--summer-grass);
  --accent-glow:           rgba(93, 204, 197, 0.32);
  --accent-glow-strong:    rgba(93, 204, 197, 0.5);
  --accent-warm-glow:      rgba(228, 163, 103, 0.32);
  --accent-tint:           rgba(93, 204, 197, 0.08);
  --accent-link-tint:      rgba(93, 204, 197, 0.1);

  --focus-ring:            rgba(93, 204, 197, 0.7);
  --focus-glow:            rgba(93, 204, 197, 0.45);

  --border-soft:           rgba(255, 255, 255, 0.08);
  --border-mid:            rgba(255, 255, 255, 0.12);
  --border-strong:         rgba(255, 255, 255, 0.18);
  --border-accent:         rgba(93, 204, 197, 0.6);

  --icon-light:            rgba(160, 215, 220, 0.7);
  --icon-dark:             rgba(36, 80, 90, 0.9);
  --icon-glow:             rgba(93, 204, 197, 0.35);

  --theme-deep:            var(--summer-foam);
  --theme-dark:            var(--summer-sand);
  --theme-accent:          var(--summer-coral);

  --snow:                  var(--surface-deep);
  --card:                  var(--surface-card);

  --spring-meadow:         var(--summer-shore);
  --spring-grove:          var(--summer-tide);
  --spring-bloom:          var(--summer-foam);
  --spring-petal:          var(--summer-sand);
  --spring-accent:         var(--summer-coral);
}

body .rk-header {
  --rk-h-bg-strong:    rgba(10, 28, 36, 0.96);
  --rk-h-bg-mid:       rgba(14, 38, 48, 0.92);
  --rk-h-bg-soft:      rgba(18, 48, 58, 0.84);
  --rk-h-text-strong:  #f4f8fa;
  --rk-h-text-soft:    rgba(228, 240, 244, 0.78);
  --rk-h-text-muted:   rgba(218, 230, 234, 0.55);
  --rk-h-ink:          #08181f;

  --rk-h-cta:          #f0c060;
  --rk-h-cta-hover:    #ffd47a;
}

body .rk-header.is-scrolled {
  background: linear-gradient(90deg, rgba(8, 22, 30, 0.78) 0%, rgba(12, 30, 40, 0.74) 50%, rgba(8, 22, 30, 0.78) 100%);
}

body .rk-header .rk-cta {
  box-shadow: 0 4px 14px rgba(240, 192, 96, 0.32);
}
body .rk-header .rk-cta:hover,
body .rk-header .rk-cta:focus-visible {
  box-shadow: 0 6px 20px rgba(240, 192, 96, 0.45);
}