/* ==========================================================================
   MaxApex — OceanBlue (default colour variant)
   Only variable definitions live here. No structural CSS.
   Light values = :root (default). Dark values = [data-theme="dark"].
   Accent tuned to a clean, solid sky-blue (not deep indigo) per approved look.
   ========================================================================== */

:root {
  /* Base surfaces */
  --bg:      #F5F7FA;
  --surface: #FFFFFF;
  --border:  #E4E7ED;

  /* Text */
  --text:  #12141C;
  --muted: #5B6272;

  /* Accent — deep solid blue */
  --accent:     #2F5CE0;
  --accent-rgb: 47, 92, 224;

  /* Status colours */
  --success:     #1FA37D;
  --success-rgb: 31, 163, 125;

  --warning:     #D68A1F;
  --warning-rgb: 214, 138, 31;

  --danger:      #D14343;
  --danger-rgb:  209, 67, 67;
}

[data-theme="dark"] {
  /* Base surfaces */
  --bg:      #0E1016;
  --surface: #181B24;
  --border:  #262A36;

  /* Text */
  --text:  #EDEEF3;
  --muted: #9AA0B0;

  /* Accent — same blue family, lightened for dark contrast */
  --accent:     #5B82F0;
  --accent-rgb: 91, 130, 240;

  /* Status colours */
  --success:     #2FBF96;
  --success-rgb: 47, 191, 150;

  --warning:     #E6A53A;
  --warning-rgb: 230, 165, 58;

  --danger:      #E05A5A;
  --danger-rgb:  224, 90, 90;
}