/*
GREENBOX GLOBAL THEME V2
PROOF CLOSEOUT V1

Purpose:
- make GreenBox Field and Enterprise Launcher visibly consume the
  central saved Theme V2 semantic tokens;
- presentation only;
- no layout/workflow/search ownership;
- no Matrix/effect-engine ownership.
*/

html {
  --bg:
    var(--gb-bg) !important;

  --background:
    var(--gb-bg) !important;

  --panel:
    var(--gb-surface) !important;

  --panel-bg:
    var(--gb-surface) !important;

  --panel2:
    var(--gb-surface-raised) !important;

  --card:
    var(
      --gb-card-bg,
      var(--gb-surface-raised)
    ) !important;

  --card-bg:
    var(
      --gb-card-bg,
      var(--gb-surface-raised)
    ) !important;

  --text:
    var(--gb-text) !important;

  --muted:
    var(--gb-text-muted) !important;

  --line:
    var(--gb-border) !important;

  --border:
    var(--gb-border) !important;

  --primary:
    var(--gb-primary) !important;

  --accent:
    var(--gb-accent) !important;

  --secondary:
    var(--gb-secondary) !important;

  --green:
    var(--gb-primary) !important;

  --green2:
    var(--gb-accent) !important;

  --glow:
    var(--gb-glow) !important;
}


/* ---------------------------------------------------------------
   BASE
   --------------------------------------------------------------- */

html[data-gb-theme-proof-app],
html[data-gb-theme-proof-app] body {
  background-color:
    var(--gb-bg) !important;

  background-image:
    var(
      --gb-theme-background-image,
      none
    ) !important;

  background-position:
    center !important;

  background-size:
    cover !important;

  background-repeat:
    no-repeat !important;

  background-attachment:
    fixed !important;

  color:
    var(--gb-text) !important;
}


/* ---------------------------------------------------------------
   GREENBOX FIELD
   --------------------------------------------------------------- */

html[data-gb-theme-proof-app="field"] .top,
html[data-gb-theme-proof-app="field"] .sidebar,
html[data-gb-theme-proof-app="field"] .side,
html[data-gb-theme-proof-app="field"] .pane,
html[data-gb-theme-proof-app="field"] .panel,
html[data-gb-theme-proof-app="field"] .quick-panel,
html[data-gb-theme-proof-app="field"] .review-pane,
html[data-gb-theme-proof-app="field"] .catalog-panel,
html[data-gb-theme-proof-app="field"] .footer {
  background-color:
    var(--gb-surface) !important;

  color:
    var(--gb-text) !important;

  border-color:
    var(--gb-border) !important;
}

html[data-gb-theme-proof-app="field"] .card,
html[data-gb-theme-proof-app="field"] .section,
html[data-gb-theme-proof-app="field"] .board-section,
html[data-gb-theme-proof-app="field"] .workspace-card,
html[data-gb-theme-proof-app="field"] .catalog-card,
html[data-gb-theme-proof-app="field"] .library-card,
html[data-gb-theme-proof-app="field"] .review-row,
html[data-gb-theme-proof-app="field"] .quick-row,
html[data-gb-theme-proof-app="field"] .route,
html[data-gb-theme-proof-app="field"] .route-row,
html[data-gb-theme-proof-app="field"] .filter-summary,
html[data-gb-theme-proof-app="field"] .help-inline,
html[data-gb-theme-proof-app="field"] .preview-banner {
  background-color:
    var(
      --gb-card-bg,
      var(--gb-surface-raised)
    ) !important;

  color:
    var(--gb-text) !important;

  border-color:
    var(--gb-border) !important;
}


/* ---------------------------------------------------------------
   ENTERPRISE LAUNCHER / ROOT
   --------------------------------------------------------------- */

html[data-gb-theme-proof-app="launcher"] header,
html[data-gb-theme-proof-app="launcher"] main,
html[data-gb-theme-proof-app="launcher"] .hero,
html[data-gb-theme-proof-app="launcher"] .panel,
html[data-gb-theme-proof-app="launcher"] .section,
html[data-gb-theme-proof-app="launcher"] section,
html[data-gb-theme-proof-app="launcher"] .group,
html[data-gb-theme-proof-app="launcher"] .health-panel {
  color:
    var(--gb-text) !important;

  border-color:
    var(--gb-border) !important;
}

html[data-gb-theme-proof-app="launcher"] .hero,
html[data-gb-theme-proof-app="launcher"] .panel,
html[data-gb-theme-proof-app="launcher"] section {
  background-color:
    color-mix(
      in srgb,
      var(--gb-surface) 94%,
      transparent
    ) !important;
}

html[data-gb-theme-proof-app="launcher"] .card,
html[data-gb-theme-proof-app="launcher"] .service-card,
html[data-gb-theme-proof-app="launcher"] .launcher-card,
html[data-gb-theme-proof-app="launcher"] .health-card,
html[data-gb-theme-proof-app="launcher"] .stat-card {
  background-color:
    var(
      --gb-card-bg,
      var(--gb-surface-raised)
    ) !important;

  color:
    var(--gb-text) !important;

  border-color:
    var(--gb-border) !important;
}


/* ---------------------------------------------------------------
   COMMON INPUT / BUTTON SEMANTICS
   --------------------------------------------------------------- */

html[data-gb-theme-proof-app] input,
html[data-gb-theme-proof-app] select,
html[data-gb-theme-proof-app] textarea {
  background-color:
    var(--gb-input-bg) !important;

  color:
    var(--gb-input-text) !important;

  border-color:
    var(--gb-border) !important;
}

html[data-gb-theme-proof-app] button,
html[data-gb-theme-proof-app] .btn {
  border-color:
    var(--gb-border) !important;
}

html[data-gb-theme-proof-app] a {
  color:
    var(--gb-accent) !important;
}

html[data-gb-theme-proof-app] h1,
html[data-gb-theme-proof-app] h2,
html[data-gb-theme-proof-app] h3,
html[data-gb-theme-proof-app] h4,
html[data-gb-theme-proof-app] h5 {
  color:
    var(--gb-text) !important;
}


/* Matrix remains an underlay. */

#greenbox-matrix-canvas,
#greenbox-theme-effect-layer {
  pointer-events:
    none !important;
}