[data-ground]:where(:not(.navy-depth, .navy-depth--deep)) { background: var(--g-bg); }
[data-ground] {
  background-color: var(--g-bg);
  color: var(--g-fg);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.cw-fixed-frame {
  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); }
.cw-fixed-frame p:not([class]) { color: var(--g-fg); }

[data-ground="White"], .cw-fixed-frame {
  --g-bg:           var(--surface-white);
  --g-fg:           var(--ink-text);
  --g-head:         var(--ink-display);
  --g-muted:        var(--ink-muted);
  --g-eyebrow:      var(--ink-link);
  --g-accent:       var(--ink-link);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--ink-rule);
  --g-surface:      var(--panel-light);
  --g-surface-rule: var(--ink-rule);
  --g-scrim:        var(--surface-white);
  --g-disclosure:   var(--ink-compliance);
  --g-link:         var(--ink-link);
  --g-link-line:    var(--ink-link-line);
  --g-disclosure-band: transparent;
  --g-disclosure-pad: 0;
  --ink-faded:      var(--ink-faded-on-white) ;
}

[data-ground="Off-White"] {
  --g-bg:           var(--off-white);
  --g-fg:           var(--ink-text);
  --g-head:         var(--ink-display);
  --g-muted:        var(--ink-muted);
  --g-eyebrow:      var(--ink-link);
  --g-accent:       var(--ink-link);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--ink-rule);
  --g-surface:      var(--surface-white);
  --g-surface-rule: var(--ink-rule);
  --g-scrim:        var(--off-white);
  --g-disclosure:   var(--ink-compliance);
  --g-link:         var(--ink-link);
  --g-link-line:    var(--ink-link-line);
  --g-disclosure-band: transparent;
  --g-disclosure-pad: 0;
  --ink-faded:      var(--ink-faded-on-white) ;
}

[data-ground="Sky"] {
  --g-bg:           var(--coastal-600);
  --g-fg:           var(--coastal-800);
  --g-head:         var(--coastal-800);
  --g-muted:        var(--coastal-800);
  --g-eyebrow:      var(--coastal-800);
  --g-accent:       var(--coastal-800);
  --g-accent-soft:  var(--coastal-800);
  --g-rule:         var(--coastal-800);
  --g-surface:      var(--off-white);
  --g-surface-rule: var(--coastal-800);
  --g-scrim:        var(--coastal-600);
  --g-disclosure:   var(--coastal-800);
  --g-link:         var(--coastal-800);
  --g-link-line:    var(--coastal-800);
  --g-disclosure-band: var(--off-white);
  --g-disclosure-pad: var(--space-4);
  --ink-faded:      var(--coastal-800) ;
}

[data-ground="Fog"] {
  --g-bg:           var(--stand-in-fog);
  --g-fg:           var(--ink-text);
  --g-head:         var(--ink-display);
  --g-muted:        var(--ink-muted);
  --g-eyebrow:      var(--ink-link);
  --g-accent:       var(--ink-link);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--ink-rule);
  --g-surface:      var(--surface-white);
  --g-surface-rule: var(--ink-rule);
  --g-scrim:        var(--stand-in-fog);
  --g-disclosure:   var(--ink-compliance);
  --g-link:         var(--ink-link);
  --g-link-line:    var(--ink-link-line);
  --g-disclosure-band: transparent;
  --g-disclosure-pad: 0;
  --ink-faded:      var(--ink-faded-on-tint) ;
}

[data-ground="Cream"] {
  --g-bg:           var(--stand-in-cream);
  --g-fg:           var(--ink-text);
  --g-head:         var(--ink-display);
  --g-muted:        var(--ink-muted);
  --g-eyebrow:      var(--ink-link);
  --g-accent:       var(--ink-link);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--ink-rule);
  --g-surface:      var(--stand-in-cream-panel);
  --g-surface-rule: var(--ink-rule);
  --g-scrim:        var(--stand-in-cream);
  --g-disclosure:   var(--ink-compliance);
  --g-link:         var(--ink-link);
  --g-link-line:    var(--ink-link-line);
  --g-disclosure-band: transparent;
  --g-disclosure-pad: 0;
  --ink-faded:      var(--ink-faded-on-tint) ;
}

[data-ground="Light Blue"] {
  --g-bg:           var(--stand-in-lightblue);
  --g-fg:           var(--ink-text);
  --g-head:         var(--ink-display);
  --g-muted:        var(--ink-muted);
  --g-eyebrow:      var(--ink-link);
  --g-accent:       var(--ink-link);
  --g-accent-soft:  var(--cw-blue);
  --g-rule:         var(--stand-in-lightblue-rule);
  --g-surface:      var(--surface-white);
  --g-surface-rule: var(--stand-in-lightblue-rule);
  --g-scrim:        var(--stand-in-lightblue);
  --g-disclosure:   var(--ink-compliance);
  --g-link:         var(--ink-link);
  --g-link-line:    var(--ink-link-line);
  --g-disclosure-band: transparent;
  --g-disclosure-pad: 0;
  --ink-faded:      var(--ink-faded-on-tint) ;
}

[data-ground="Logo Blue"] {
  --g-bg:           var(--coastal-800);
  --g-fg:           var(--on-dark-text);
  --g-head:         var(--on-dark-display);
  --g-muted:        var(--on-dark-muted);
  --g-eyebrow:      var(--on-dark-accent);
  --g-accent:       var(--on-dark-accent);
  --g-accent-soft:  var(--on-dark-accent-soft);
  --g-rule:         var(--on-dark-rule);
  --g-surface:      var(--surface-navy);
  --g-surface-rule: var(--on-dark-panel-rule);
  --g-scrim:        var(--coastal-800);
  --g-disclosure:   var(--on-dark-disclosure);
  --g-link:         var(--on-dark-text);
  --g-link-line:    var(--on-dark-link-line);
  --g-disclosure-band: transparent;
  --g-disclosure-pad: 0;
}

[data-ground="Navy"] {
  --g-bg:           var(--surface-navy);
  --g-fg:           var(--on-dark-text);
  --g-head:         var(--on-dark-display);
  --g-muted:        var(--on-dark-muted);
  --g-eyebrow:      var(--on-dark-accent);
  --g-accent:       var(--on-dark-accent);
  --g-accent-soft:  var(--on-dark-accent-soft);

  --g-rule:         var(--on-dark-rule);
  --g-surface:      var(--panel-navy);
  --g-surface-rule: var(--on-dark-panel-rule);
  --g-scrim:        var(--surface-navy);
  --g-disclosure:   var(--on-dark-disclosure);
  --g-link:         var(--on-dark-text);
  --g-link-line:    var(--on-dark-link-line);
  --g-disclosure-band: transparent;
  --g-disclosure-pad: 0;
}

[data-ground] [data-cw-disclosure] {
  background: var(--g-disclosure-band);
  padding: var(--g-disclosure-pad);
}

[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);
}
