/* =============================================================================
   CROWN SCADA V3 — PREMIUM DESIGN TOKENS (MERIDIAN GOLD DESIGN SYSTEM)
   Theme: Midnight Meridian — 2026 Premium Industrial Control Architecture
   Dark:  Deep Navy / Midnight Indigo / Champagne Gold
   Light: Warm Ivory / Travertine / Antique Gold
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root,
[data-theme="dark"] {
  /* ══ 1. BRAND ACCENT COLORS — Champagne Gold ══ */
  --color-primary:          #D4A842; /* Champagne Gold */
  --color-primary-light:    #E8C46A; /* Bright Gold */
  --color-primary-dark:     #A07E28; /* Antique Gold Shadow */
  --color-primary-glow:     rgba(212, 168, 66, 0.15);
  --color-primary-dim:      rgba(212, 168, 66, 0.08);
  --color-primary-strong:   rgba(212, 168, 66, 0.30);

  --color-brand:            #D4A842;
  --color-brand-light:      #E8C46A;
  --color-brand-dark:       #A07E28;
  --color-brand-glow:       rgba(212, 168, 66, 0.15);

  /* ══ 2. INTERACTIVE CONTROLS — Cobalt Blue ══ */
  --color-secondary:        #1E2A40; /* Deep Navy Surface */
  --color-secondary-light:  #5E8FFF; /* Bright Cobalt */
  --color-secondary-dark:   #2B5CE6; /* Cobalt Active */

  --color-interactive:          #4A7AFF;
  --color-interactive-light:    #5E8FFF;
  --color-interactive-dim:      #2B5CE6;
  --color-interactive-ghost:    rgba(74, 122, 255, 0.12);
  --color-interactive-focus:    rgba(74, 122, 255, 0.60);
  --color-interactive-disabled: rgba(74, 122, 255, 0.22);

  --color-accent:           #4A7AFF;

  /* ══ 3. SEMANTIC STATUS COLORS ══ */
  --color-success:         #00C98A;
  --color-online:          #00C98A;
  --color-healthy:         #00C98A;
  --color-excellent:       #00E5A0;

  --color-warning:         #F0A020;
  --color-caution:         #F0A020;

  --color-fault:           #FF6040;
  --color-danger:          #DC3C3C;
  --color-critical:        #DC3C3C;
  --color-alarm:           #DC3C3C;
  --color-emergency:       #DC2626;

  --color-info:            #4A7AFF;

  --color-idle:            #6A8099;
  --color-commlost:        #4A5870;
  --color-disconnected:    #384050;
  --color-offline:         #2A3040;
  --color-unknown:         #323848;

  --color-commissioning:   #5090D0;
  --color-maintenance:     #9060C8;

  --color-moving:          #18D4B0;
  --color-door-open:       #F0A020;
  --color-door-closed:     #00C98A;
  --color-power:           #00C98A;
  --color-signal:          #4A7AFF;

  --color-manual:          #F0A020;
  --color-auto:            #4A7AFF;

  /* ══ 4. BACKGROUND — Deep Navy / Midnight Indigo ══ */
  --color-background:       #080C14; /* Deep Navy Void */
  --background-canvas-base1:#060912; /* Deepest Midnight */
  --background-canvas-base2:#0D1220; /* Midnight Navy */

  /* Atmospheric lighting nodes */
  --background-node-a:      rgba(212, 168, 66, 0.07);  /* Gold ambient top */
  --background-node-b:      rgba(74, 122, 255, 0.05);  /* Cobalt left wash */
  --background-node-c:      rgba(74, 122, 255, 0.04);  /* Cobalt twin */
  --background-node-d:      rgba(212, 168, 66, 0.05);  /* Gold right */
  --background-node-e:      rgba(8, 12, 20, 0.85);     /* Vignette base */

  --background-node1:       rgba(212, 168, 66, 0.07);
  --background-node2:       rgba(74, 122, 255, 0.05);
  --background-node3:       rgba(74, 122, 255, 0.04);
  --background-node4:       rgba(212, 168, 66, 0.04);
  --background-node5:       rgba(8, 12, 20, 0.85);

  --background-vignette:    rgba(4, 6, 12, 0.92);
  --background-grid-color:  rgba(212, 168, 66, 0.020); /* Gold mesh */
  --background-topo-color:  rgba(74, 122, 255, 0.018);
  --background-meridian-color: rgba(212, 168, 66, 0.015);
  --background-particle-color: rgba(212, 168, 66, 0.05);

  --background-gradient:    linear-gradient(160deg, #060912 0%, #0A0E18 45%, #0D1220 100%);
  --secondary-gradient:     linear-gradient(135deg, #D4A842 0%, #A07E28 100%);
  --background-radial:      radial-gradient(ellipse 70% 40% at 50% 0%, rgba(212,168,66,0.10) 0%, transparent 60%);

  /* ══ 5. SURFACES & MATERIAL ELEVATION ══ */
  --color-surface-0:        #0A0E18;
  --color-surface-1:        #111826; /* Deep Navy Panel */
  --color-surface-2:        rgba(20, 30, 50, 0.92);
  --color-surface-3:        rgba(30, 42, 68, 0.88);
  --color-surface-4:        rgba(42, 58, 88, 0.92);

  --color-surface:          #111826;
  --color-surface-secondary:#182030;
  --color-surface-tertiary: #1E2A40;

  --color-card:             #111826;
  --color-sidebar:          rgba(6, 9, 18, 0.98);
  --color-navbar:           rgba(6, 9, 18, 0.95);
  --color-modal:            #0E1622;
  --color-dropdown:         #141E30;
  --color-input:            rgba(8, 12, 22, 0.90);
  --color-table-header:     rgba(6, 9, 18, 0.96);
  --color-table-row-hover:  rgba(212, 168, 66, 0.06);

  --color-glass:            rgba(18, 26, 44, 0.82);
  --color-glass-hover:      rgba(24, 34, 56, 0.90);
  --color-glass-active:     rgba(212, 168, 66, 0.10);

  /* ══ 6. DIGITAL TWIN (ALWAYS DARK) ══ */
  --datum-label-bg:         rgba(6, 9, 18, 0.96);
  --datum-label-border:     rgba(212, 168, 66, 0.35);

  /* ══ 7. BORDERS & SHADOWS ══ */
  --color-border:           rgba(255, 255, 255, 0.10);
  --color-border-moderate:  rgba(255, 255, 255, 0.16);
  --color-border-strong:    rgba(255, 255, 255, 0.28);
  --color-border-top:       rgba(255, 255, 255, 0.22);
  --color-border-active:    rgba(212, 168, 66, 0.65);
  --color-border-brand:     rgba(212, 168, 66, 0.30);
  --color-divider:          rgba(255, 255, 255, 0.06);
  --color-focus:            rgba(212, 168, 66, 0.70);

  --color-shadow:           0 2px 8px rgba(4,6,12,0.80), 0 4px 24px rgba(4,6,12,0.50);
  --color-shadow-hover:     0 8px 32px rgba(4,6,12,0.88), 0 2px 8px rgba(4,6,12,0.65);
  --color-shadow-floating:  0 16px 48px rgba(4,6,12,0.92);
  --color-shadow-modal:     0 32px 96px rgba(4,6,12,0.97);
  --color-shadow-brand:     0 0 24px rgba(212,168,66,0.18), 0 0 8px rgba(212,168,66,0.10);
  --color-shadow-interactive: 0 0 16px rgba(74,122,255,0.25);

  /* ══ 8. TYPOGRAPHY COLORS ══ */
  --color-text-primary:     #F4F6FA; /* Platinum White */
  --color-text-high:        #E8EDF5; /* Cool Silver */
  --color-text-secondary:   #B0BCCC; /* Steel Blue-Grey */
  --color-text-muted:       #6A7A90; /* Slate */
  --color-text-tertiary:    #5A6A80; /* Deep Slate */
  --color-text-disabled:    #3A4A60;
  --color-text-inverse:     #080C14; /* Deep Navy */
  --color-text-brand:       #D4A842; /* Champagne Gold */
  --color-text-interactive: #5E8FFF; /* Cobalt Bright */
  --color-text-telemetry:   #F0F4F8; /* Data White */
  --color-text-unit:        #5A6A80;
  --color-text-placeholder: #2E3A50;
  --color-text-hint:        #3E4E66;

  /* ══ 9. BUTTON & CONTROL VARIABLES ══ */
  --color-button-primary:   #D4A842;
  --color-button-primary-hover: #E8C46A;
  --color-button-secondary: #1A2436;
  --color-button-hover:     #1E2A42;
  --color-button-disabled:  rgba(212, 168, 66, 0.22);

  --color-overlay:          rgba(4, 6, 12, 0.92);

  /* ══ Backward Compatibility Aliases ══ */
  --crown-brand:            var(--color-primary);
  --crown-brand-light:      var(--color-primary-light);
  --crown-brand-dark:       var(--color-primary-dark);
  --crown-brand-glow:       var(--color-primary-glow);
  --crown-brand-dim:        var(--color-primary-dim);
  --crown-brand-strong:     var(--color-primary-strong);

  --crown-gold:             var(--color-primary);
  --crown-gold-light:       var(--color-primary-light);
  --crown-gold-dark:        var(--color-primary-dark);
  --crown-gold-glow:        var(--color-primary-glow);
  --crown-gold-dim:         var(--color-primary-dim);
  --crown-gold-strong:      var(--color-primary-strong);
  --gold-gradient:          linear-gradient(135deg, #E8C46A 0%, #D4A842 60%, #A07E28 100%);
  --gold-text-on-gold:      #080C14;
  --text-gold:              var(--color-text-brand);
  --border-gold:            var(--color-border-brand);
  --shadow-gold:            var(--color-shadow-brand);
  --shadow-floating:        var(--color-shadow-floating);
  --shadow-hover:           var(--color-shadow-hover);

  --surface-base:           var(--color-background);
  --surface-1:              var(--color-surface);
  --surface-2:              var(--color-surface-secondary);
  --surface-3:              var(--color-surface-tertiary);
  --surface-input:          var(--color-input);
  --surface-raised:         #1A2436;
  --surface-hover:          var(--color-glass-hover);
  --surface-active:         var(--color-glass-active);
  --surface-glass-card:     var(--color-surface);
  --surface-glass-group:    var(--color-surface-secondary);
  --surface-glass-hover:    var(--color-glass-hover);
  --surface-glass-active:   var(--color-glass-active);

  --text-primary:           var(--color-text-primary);
  --text-secondary:         var(--color-text-secondary);
  --text-tertiary:          var(--color-text-tertiary);
  --text-small:             var(--color-text-muted);
  --text-inverse:           var(--color-text-inverse);

  --border-subtle:          var(--color-border);
  --border-moderate:        var(--color-border-moderate);
  --border-strong:          var(--color-border-strong);
  --border-top-highlight:   var(--color-border-top);
  --border-active:          var(--color-border-active);

  --header-bg:              var(--color-navbar);
  --header-border:          var(--color-border);

  --shell-canvas-node1:     var(--background-node1);
  --shell-canvas-node2:     var(--background-node2);
  --shell-canvas-node3:     var(--background-node3);
  --shell-canvas-node4:     var(--background-node4);
  --shell-canvas-node5:     var(--background-node5);
  --shell-canvas-base1:     var(--background-canvas-base1);
  --shell-canvas-base2:     var(--background-canvas-base2);
  --shell-vignette:         var(--background-vignette);

  --login-bg:               var(--color-background);
  --login-card-bg:          var(--color-surface-secondary);
  --login-input-bg:         var(--color-input);
  --dropdown-bg:            var(--color-dropdown);
  --table-header-bg:        var(--color-table-header);
  --table-row-hover:        var(--color-table-row-hover);
  --table-border:           var(--color-border);

  --ctrl-group-bg:          var(--color-surface-secondary);
  --ctrl-btn-bg:            var(--color-surface-secondary);
  --ctrl-btn-hover-bg:      #1E2A42;
  --ctrl-btn-border:        var(--color-border-moderate);
  --ctrl-btn-border-top:    var(--color-border-top);

  --status-row-bg:          var(--color-surface-secondary);
  --status-row-hover:       #1E2A42;
  --scrollbar-thumb:        rgba(212, 168, 66, 0.22);
  --detail-header-bg:       var(--color-table-header);
  --modal-overlay-bg:       var(--color-overlay);
  --modal-card-bg:          var(--color-surface-secondary);
  --modal-border:           var(--color-border-moderate);
  --modal-border-top:       var(--color-border-top);
  --toast-bg:               rgba(18, 24, 40, 0.97);

  --status-healthy:         var(--color-healthy);
  --status-warning:         var(--color-warning);
  --status-critical:        var(--color-critical);
  --status-info:            var(--color-info);
  --status-offline:         var(--color-offline);
  --status-commissioning:   var(--color-commissioning);
  --status-maintenance:     var(--color-maintenance);
  --status-unknown:         var(--color-unknown);
}

[data-theme="light"] {
  /* ══ 1. BRAND ACCENT COLORS — Antique Gold ══ */
  --color-primary:          #9A7A2A; /* Antique Gold */
  --color-primary-light:    #C4A84A; /* Warm Gold */
  --color-primary-dark:     #6A5218; /* Dark Brass */
  --color-primary-glow:     rgba(154, 122, 42, 0.18);
  --color-primary-dim:      rgba(154, 122, 42, 0.10);
  --color-primary-strong:   rgba(154, 122, 42, 0.35);

  --color-brand:            #9A7A2A;
  --color-brand-light:      #C4A84A;
  --color-brand-dark:       #6A5218;
  --color-brand-glow:       rgba(154, 122, 42, 0.18);

  /* ══ 2. INTERACTIVE CONTROLS ══ */
  --color-secondary:        #2558D4;
  --color-secondary-light:  #4A7AFF;
  --color-secondary-dark:   #1D4ED8;

  --color-interactive:          #2558D4;
  --color-interactive-light:    #4A7AFF;
  --color-interactive-dim:      #1D4ED8;
  --color-interactive-ghost:    rgba(37, 88, 212, 0.10);
  --color-interactive-focus:    rgba(37, 88, 212, 0.65);
  --color-interactive-disabled: rgba(37, 88, 212, 0.20);

  --color-accent:           #2558D4;

  /* ══ 3. SEMANTIC STATUS COLORS ══ */
  --color-success:         #007A5E;
  --color-online:          #007A5E;
  --color-healthy:         #007A5E;
  --color-excellent:       #008A6A;

  --color-warning:         #A86000;
  --color-caution:         #A86000;

  --color-fault:           #C83820;
  --color-danger:          #A81818;
  --color-critical:        #A81818;
  --color-alarm:           #A81818;
  --color-emergency:       #CC0040;

  --color-info:            #2558D4;

  --color-idle:            #5A7090;
  --color-commlost:        #424E62;
  --color-disconnected:    #323C50;
  --color-offline:         #242E3C;
  --color-unknown:         #2A3444;

  --color-commissioning:   #2A6AB0;
  --color-maintenance:     #6A38A8;

  --color-moving:          #0A8C7A;
  --color-door-open:       #A86000;
  --color-door-closed:     #007A5E;
  --color-power:           #007A5E;
  --color-signal:          #2558D4;

  --color-manual:          #A86000;
  --color-auto:            #2558D4;

  /* ══ 4. BACKGROUND — Warm Ivory / Travertine ══ */
  --color-background:       #F2EDE2; /* Warm Travertine */
  --background-canvas-base1:#EDE7D8; /* Stone Base */
  --background-canvas-base2:#F8F4EC; /* Soft Pearl */

  --background-node-a:      rgba(154, 122, 42, 0.06);
  --background-node-b:      rgba(37, 88, 212, 0.04);
  --background-node-c:      rgba(37, 88, 212, 0.03);
  --background-node-d:      rgba(154, 122, 42, 0.05);
  --background-node-e:      rgba(200, 190, 170, 0.15);

  --background-node1:       rgba(154, 122, 42, 0.06);
  --background-node2:       rgba(37, 88, 212, 0.04);
  --background-node3:       rgba(37, 88, 212, 0.03);
  --background-node4:       rgba(154, 122, 42, 0.04);
  --background-node5:       rgba(200, 190, 170, 0.15);

  --background-vignette:    rgba(180, 170, 150, 0.18);
  --background-grid-color:  rgba(154, 122, 42, 0.04);
  --background-topo-color:  rgba(154, 122, 42, 0.035);
  --background-meridian-color: rgba(154, 122, 42, 0.025);
  --background-particle-color: rgba(154, 122, 42, 0.06);

  --background-gradient:    linear-gradient(160deg, #EDE7D8 0%, #F0EAE0 50%, #F8F4EC 100%);
  --secondary-gradient:     linear-gradient(135deg, #9A7A2A 0%, #6A5218 100%);
  --background-radial:      radial-gradient(ellipse 70% 40% at 50% 0%, rgba(154,122,42,0.08) 0%, transparent 60%);

  /* ══ 5. SURFACES ══ */
  --color-surface-0:        #FAF6EE;
  --color-surface-1:        #FFFFFF;
  --color-surface-2:        #FAF6EE;
  --color-surface-3:        #EDE7D8;
  --color-surface-4:        #E5DFD0;

  --color-surface:          #FFFFFF;
  --color-surface-secondary:#F5F0E6;
  --color-surface-tertiary: #EDE7D8;

  --color-card:             #FFFFFF;
  --color-sidebar:          rgba(248, 244, 236, 0.97);
  --color-navbar:           rgba(250, 246, 238, 0.97);
  --color-modal:            #FFFFFF;
  --color-dropdown:         #FFFFFF;
  --color-input:            #FFFFFF;
  --color-table-header:     #EDE7D8;
  --color-table-row-hover:  rgba(154, 122, 42, 0.06);

  --color-glass:            rgba(255, 252, 245, 0.88);
  --color-glass-hover:      rgba(237, 231, 216, 0.95);
  --color-glass-active:     rgba(154, 122, 42, 0.10);

  /* ══ 6. DIGITAL TWIN (ALWAYS DARK IN LIGHT THEME) ══ */
  --datum-label-bg:         rgba(6, 10, 18, 0.96);
  --shaft-bg:               rgba(6, 10, 18, 0.96);
  --datum-label-border:     rgba(212, 168, 66, 0.45);

  /* ══ 7. BORDERS & SHADOWS ══ */
  --color-border:           rgba(60, 40, 10, 0.10);
  --color-border-moderate:  rgba(60, 40, 10, 0.16);
  --color-border-strong:    rgba(60, 40, 10, 0.24);
  --color-border-top:       rgba(255, 255, 255, 0.92);
  --color-border-active:    rgba(154, 122, 42, 0.75);
  --color-border-brand:     rgba(154, 122, 42, 0.40);
  --color-divider:          rgba(60, 40, 10, 0.07);
  --color-focus:            rgba(154, 122, 42, 0.65);

  --color-shadow:           0 1px 4px rgba(40,28,8,0.07), 0 4px 20px rgba(40,28,8,0.10);
  --color-shadow-hover:     0 6px 28px rgba(40,28,8,0.16);
  --color-shadow-floating:  0 8px 32px rgba(40,28,8,0.14);
  --color-shadow-modal:     0 24px 64px rgba(40,28,8,0.20);
  --color-shadow-brand:     0 0 24px rgba(154,122,42,0.18), 0 0 8px rgba(154,122,42,0.10);
  --color-shadow-interactive: 0 0 16px rgba(37,88,212,0.20);

  /* ══ 8. TYPOGRAPHY COLORS ══ */
  --color-text-primary:     #1C1408; /* Dark Espresso */
  --color-text-high:        #2A1E0A; /* Warm Dark */
  --color-text-secondary:   #4A3820; /* Warm Umber */
  --color-text-muted:       #7A6848; /* Warm Stone */
  --color-text-tertiary:    #A09070; /* Light Sandstone */
  --color-text-disabled:    #C4B898;
  --color-text-inverse:     #FFFFFF;
  --color-text-brand:       #9A7A2A; /* Antique Gold */
  --color-text-interactive: #2558D4;
  --color-text-telemetry:   #1C1408;
  --color-text-unit:        #7A6848;
  --color-text-placeholder: #C0B090;
  --color-text-hint:        #A89070;

  /* ══ 9. BUTTON & CONTROL VARIABLES ══ */
  --color-button-primary:   #9A7A2A;
  --color-button-primary-hover: #C4A84A;
  --color-button-secondary: #F0EAE0;
  --color-button-hover:     #E5DFD0;
  --color-button-disabled:  rgba(60, 40, 10, 0.12);

  --color-overlay:          rgba(40, 28, 8, 0.50);

  /* ══ Backward Compatibility Aliases ══ */
  --crown-brand:            var(--color-primary);
  --crown-brand-light:      var(--color-primary-light);
  --crown-brand-dark:       var(--color-primary-dark);
  --crown-brand-glow:       var(--color-primary-glow);
  --crown-brand-dim:        var(--color-primary-dim);
  --crown-brand-strong:     var(--color-primary-strong);

  --crown-gold:             var(--color-primary);
  --crown-gold-light:       var(--color-primary-light);
  --crown-gold-dark:        var(--color-primary-dark);
  --crown-gold-glow:        var(--color-primary-glow);
  --crown-gold-dim:         var(--color-primary-dim);
  --crown-gold-strong:      var(--color-primary-strong);
  --gold-gradient:          linear-gradient(135deg, #C4A84A 0%, #9A7A2A 100%);
  --gold-text-on-gold:      #FFFFFF;
  --text-gold:              var(--color-text-brand);
  --border-gold:            var(--color-border-brand);
  --shadow-gold:            var(--color-shadow-brand);
  --shadow-floating:        var(--color-shadow-floating);
  --shadow-hover:           var(--color-shadow-hover);

  --surface-base:           var(--color-background);
  --surface-1:              var(--color-surface);
  --surface-2:              var(--color-surface-secondary);
  --surface-3:              var(--color-surface-tertiary);
  --surface-input:          var(--color-input);
  --surface-raised:         #FFFFFF;
  --surface-hover:          var(--color-glass-hover);
  --surface-active:         var(--color-glass-active);
  --surface-glass-card:     var(--color-surface);
  --surface-glass-group:    var(--color-surface-secondary);
  --surface-glass-hover:    var(--color-glass-hover);
  --surface-glass-active:   var(--color-glass-active);

  --text-primary:           var(--color-text-primary);
  --text-secondary:         var(--color-text-secondary);
  --text-tertiary:          var(--color-text-tertiary);
  --text-small:             var(--color-text-muted);
  --text-inverse:           var(--color-text-inverse);

  --border-subtle:          var(--color-border);
  --border-moderate:        var(--color-border-moderate);
  --border-strong:          var(--color-border-strong);
  --border-top-highlight:   var(--color-border-top);
  --border-active:          var(--color-border-active);

  --header-bg:              var(--color-navbar);
  --header-border:          var(--color-border);

  --shell-canvas-node1:     var(--background-node1);
  --shell-canvas-node2:     var(--background-node2);
  --shell-canvas-node3:     var(--background-node3);
  --shell-canvas-node4:     var(--background-node4);
  --shell-canvas-node5:     var(--background-node5);
  --shell-canvas-base1:     var(--background-canvas-base1);
  --shell-canvas-base2:     var(--background-canvas-base2);
  --shell-vignette:         var(--background-vignette);

  --login-bg:               var(--color-background);
  --login-card-bg:          var(--color-surface);
  --login-input-bg:         var(--color-input);
  --dropdown-bg:            var(--color-dropdown);
  --table-header-bg:        var(--color-table-header);
  --table-row-hover:        var(--color-table-row-hover);
  --table-border:           var(--color-border);

  --ctrl-group-bg:          var(--color-surface);
  --ctrl-btn-bg:            var(--color-surface-tertiary);
  --ctrl-btn-hover-bg:      #E5DFD0;
  --ctrl-btn-border:        var(--color-border-moderate);
  --ctrl-btn-border-top:    var(--color-border-top);

  --status-row-bg:          var(--color-surface);
  --status-row-hover:       var(--color-surface-secondary);
  --scrollbar-thumb:        rgba(60, 40, 10, 0.20);
  --detail-header-bg:       var(--color-table-header);
  --modal-overlay-bg:       var(--color-overlay);
  --modal-card-bg:          var(--color-surface);
  --modal-border:           var(--color-border-moderate);
  --modal-border-top:       var(--color-border-top);
  --toast-bg:               #FFFFFF;

  --status-healthy:         var(--color-healthy);
  --status-warning:         var(--color-warning);
  --status-critical:        var(--color-critical);
  --status-info:            var(--color-info);
  --status-offline:         var(--color-offline);
  --status-commissioning:   var(--color-commissioning);
  --status-maintenance:     var(--color-maintenance);
  --status-unknown:         var(--color-unknown);
}