/* tokens.css — Login design tokens (SafeNod Aqua Blue palette) */
:root {
  /* SafeNod Aqua scale */
  --sn-aqua-900: #02D8E8;
  --sn-aqua-800: #1CDCEA;
  --sn-aqua-700: #36E0ED;
  --sn-aqua-600: #51E5EF;
  --sn-aqua-500: #6DE9F2;
  --sn-aqua-400: #89EDF4;
  --sn-aqua-300: #A5F1F7;
  --sn-aqua-200: #C2F6F9;
  --sn-aqua-100: #E0FAFC;
  --sn-aqua-0:   #FFFFFF;
  --sn-black:    #000000;

  /* Backward compatible scale */
  --sn-blue-50:  #E0FAFC;
  --sn-blue-100: #C2F6F9;
  --sn-blue-200: #A5F1F7;
  --sn-blue-300: #89EDF4;
  --sn-blue-400: #6DE9F2;
  --sn-blue-500: #51E5EF;
  --sn-blue-600: #36E0ED;
  --sn-blue-700: #1CDCEA;
  --sn-blue-800: #02D8E8;
  --sn-blue-900: #02D8E8;
  --sn-blue-950: #000000;

  --primary:        #02D8E8;
  --primary-dark:   #02D8E8;
  --primary-light:  #36E0ED;
  --bg:             #FFFFFF;
  --bg-soft:        #E0FAFC;
  --text:           #000000;
  --text-muted:     #000000;
  --border:         #C2F6F9;
  --input-bg:       #FFFFFF;
  --danger:         #02D8E8;
  --white:          #FFFFFF;
}

[data-theme="dark"] {
  --bg:             #0B0F19;
  --bg-soft:        #161F30;
  --text:           #F8FAFC;
  --text-muted:     #94A3B8;
  --border:         rgba(255, 255, 255, 0.08);
  --input-bg:       #0F172A;
  --white:          #FFFFFF;
}