/* ATAP AI - Light Theme */
:root {
  --bg:                     #FFFFFF;
  --bg-surface:             #F4F5FF;
  --header-bg:              #FFFFFF;
  --card-bg:                #FFFFFF;
  /* See atap-dark.css for why these two exist - same gap, same fix. */
  --card:                   var(--card-bg);
  --bg2:                    var(--card-bg);
  --sidebar-bg:             #FFFFFF;
  --text:                   #0A0B1A;
  --text2:                  #3D4466;
  --text-muted:             #4A5070;
  --sidebar-text:           #0A0B1A;
  --atap-sidebar-text:      #0A0B1A;
  --sidebar-text-muted:     #4A5070;
  --sidebar-active:         rgba(46,91,255,0.08);
  --sidebar-active-text:    #2E5BFF;
  --sidebar-active-border:  #2E5BFF;
  --border:                 rgba(0,0,0,0.10);
  --brand-primary:          #2E5BFF;
  --brand-secondary:        #7B2FFF;
  --brand-accent:           #00C8FF;
  --success:                #2E7D32;
  --danger:                 #E53935;
  --warn:                   #F57C00;
  --muted:                  #5C6080;
  --font:                   'DM Sans', sans-serif;
  --radius:                 12px;
  --radius-sm:              8px;
  --shadow:                 0 4px 24px rgba(46,91,255,0.08);
}