/* ==========================================================================
   MaxApex — Black (colour variant)
   Only variable definitions live here. No structural CSS.
   Accent: #ff7a00 (pure/vibrant orange) — same in both modes.
   Light mode = warm off-white surfaces. Dark mode = true black.
   ========================================================================== */
:root {
  /* Base surfaces */
  --bg:      #FAFAFA;
  --surface: #FFFFFF;
  --border:  #E5E5E5;

  /* Text */
  --text:  #1A1A1A;
  --muted: #6B6B6B;

  /* Accent */
  --accent:     #FF7A00;
  --accent-rgb: 255, 122, 0;

  /* Status colours */
  --success:     #3ECF8E;
  --success-rgb: 62, 207, 142;
  --warning:     #FFB84D;
  --warning-rgb: 255, 184, 77;
  --danger:      #FF6B6B;
  --danger-rgb:  255, 107, 107;
}
[data-theme="dark"] {
  /* Base surfaces */
  --bg:      #000000;
  --surface: #121212;
  --border:  #2A2A2A;

  /* Text */
  --text:  #FFFFFF;
  --muted: #9A9A9A;

  /* Accent */
  --accent:     #FF7A00;
  --accent-rgb: 255, 122, 0;

  /* Status colours */
  --success:     #3ECF8E;
  --success-rgb: 62, 207, 142;
  --warning:     #FFB84D;
  --warning-rgb: 255, 184, 77;
  --danger:      #FF6B6B;
  --danger-rgb:  255, 107, 107;
}




/* ==========================================================================
   MaxApex — Black (colour variant)
   Only variable definitions live here. No structural CSS.
   Accent: #ff7a00 (pure/vibrant orange) | Background: true black
   Inherently dark-toned by design — :root and [data-theme="dark"]
   hold matching values, same reasoning as Orange.css.
   ========================================================================== */
/*:root {*/
/*  --bg:      #000000;*/
/*  --surface: #121212;*/
/*  --border:  #2A2A2A;*/
/*  --text:  #FFFFFF;*/
/*  --muted: #9A9A9A;*/
/*  --accent:     #FF7A00;*/
/*  --accent-rgb: 255, 122, 0;*/
/*  --success:     #3ECF8E;*/
/*  --success-rgb: 62, 207, 142;*/
/*  --warning:     #FFB84D;*/
/*  --warning-rgb: 255, 184, 77;*/
/*  --danger:      #FF6B6B;*/
/*  --danger-rgb:  255, 107, 107;*/
/*}*/
/*[data-theme="dark"] {*/
/*  --bg:      #000000;*/
/*  --surface: #121212;*/
/*  --border:  #2A2A2A;*/
/*  --text:  #FFFFFF;*/
/*  --muted: #9A9A9A;*/
/*  --accent:     #FF7A00;*/
/*  --accent-rgb: 255, 122, 0;*/
/*  --success:     #3ECF8E;*/
/*  --success-rgb: 62, 207, 142;*/
/*  --warning:     #FFB84D;*/
/*  --warning-rgb: 255, 184, 77;*/
/*  --danger:      #FF6B6B;*/
/*  --danger-rgb:  255, 107, 107;*/
/*}*/