/* Global color scheme */

:root {
  color-scheme: bright;
  --bg:       #1b1f24;   /* page background            */
  --surface:  #282d32;   /* cards, header, footer tone  */
  --inset:    #20262c;   /* form fields                 */
  --border:   #3a424b;
  --text:     #cdd3d9;
  --muted:    #8b949e;
  --brand:    #7fb0d0;   /* brightened #5085AA          */
  --brand-hi: #b0c8d9;   /* hover                       */
  --btn:      #4a7c9e;   /* keeps white button text legible */
  --btn-hi:   #5a8cae;
  --danger:   #ff6b6b;
}

:root {
  color-scheme: dark;
  --bg:       #1b1f24;   /* page background            */
  --surface:  #282d32;   /* cards, header, footer tone  */
  --inset:    #20262c;   /* form fields                 */
  --border:   #3a424b;
  --text:     #cdd3d9;
  --muted:    #8b949e;
  --brand:    #7fb0d0;   /* brightened #5085AA          */
  --brand-hi: #b0c8d9;   /* hover                       */
  --btn:      #4a7c9e;   /* keeps white button text legible */
  --btn-hi:   #5a8cae;
  --danger:   #ff6b6b;
}