[data-ground] {
  background: var(--g-bg);
  color: var(--g-fg);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

[data-ground] p:not([class]) { color: var(--g-fg); }

[data-ground="White"] {
  --g-bg:           var(--surface-white);
  --g-fg:           var(--cw-navy-ink);
  --g-muted:        var(--fg3);
  --g-eyebrow:      var(--cw-blue-ink);
  --g-accent:       var(--cw-blue-ink);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--cw-line);
  --g-surface:      var(--cw-fog);
  --g-surface-rule: var(--cw-line);
  --g-scrim:        var(--surface-white);
  --g-disclosure:   var(--cw-graphite);
}

[data-ground="Fog"] {
  --g-bg:           var(--surface-fog);
  --g-fg:           var(--cw-navy-ink);
  --g-muted:        var(--fg3);
  --g-eyebrow:      var(--cw-blue-ink);
  --g-accent:       var(--cw-blue-ink);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--cw-line);
  --g-surface:      var(--surface-white);
  --g-surface-rule: var(--cw-line);
  --g-scrim:        var(--surface-fog);
  --g-disclosure:   var(--cw-graphite);
}

[data-ground="Cream"] {
  --g-bg:           var(--surface-cream);
  --g-fg:           var(--cw-navy-ink);
  --g-muted:        var(--fg3);
  --g-eyebrow:      var(--cw-blue-ink);
  --g-accent:       var(--cw-blue-ink);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--cw-line);
  --g-surface:      var(--cw-cream-soft);
  --g-surface-rule: var(--cw-line);
  --g-scrim:        var(--surface-cream);
  --g-disclosure:   var(--cw-graphite);
}

[data-ground="Light Blue"] {
  --g-bg:           var(--cw-blue-paper);
  --g-fg:           var(--cw-navy-ink);
  --g-muted:        var(--fg3);
  --g-eyebrow:      var(--cw-blue-ink);
  --g-accent:       var(--cw-blue-ink);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--surface-paper-line);
  --g-surface:      var(--surface-white);
  --g-surface-rule: var(--surface-paper-line);
  --g-scrim:        var(--cw-blue-paper);
  --g-disclosure:   var(--cw-graphite);
}

[data-ground="Navy"] {
  --g-bg:           var(--surface-navy);
  --g-fg:           #FFFFFF;
  --g-muted:        rgba(255, 255, 255, 0.88);
  --g-eyebrow:      var(--cw-blue-air);
  --g-accent:       var(--cw-blue-air);
  --g-accent-soft:  var(--cw-blue-soft);

  --g-rule:         rgba(167, 196, 216, 0.28);
  --g-surface:      var(--surface-ink);
  --g-surface-rule: rgba(167, 196, 216, 0.25);
  --g-scrim:        var(--surface-navy);
  --g-disclosure:   rgba(255, 255, 255, 0.78);
}

[data-ground] .g-muted      { color: var(--g-muted); }
[data-ground] .g-eyebrow    { color: var(--g-eyebrow); }
[data-ground] .g-accent     { color: var(--g-accent); }
[data-ground] .g-disclosure { color: var(--g-disclosure); }

[data-ground] .g-rule {
  border: 0;
  border-top: 1px solid var(--g-rule);
}

[data-ground] .g-card {
  background: var(--g-surface);
  border: 1px solid var(--g-surface-rule);
  border-radius: var(--radius-md);
}

[data-ground] .g-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(37,47,74, 0.30) 0%,
    rgba(37,47,74, 0.10) 35%,
    var(--g-scrim) 100%
  );
}