:root {
  --grad:          #113f67;
  --grad-hover:    #0e3557;
  --grad-soft:     rgba(17,63,103,0.10);
  --grad-start:    #113f67;
  --grad-mid:      #113f67;
  --grad-end:      #113f67;
  --primary:       #113f67;
  --primary-hover: #0e3557;
  --primary-dim:   rgba(17,63,103,0.12);
  --primary-text:  #113f67;
  --accent:        #113f67;
  --accent-hover:  #0e3557;
  --accent-dim:    rgba(17,63,103,0.10);
  --accent-text:   #113f67;
  --bg-page:       #f0f3f5;
  --bg-body:       #f0f3f5;
  --bg-sidebar:    #f3f5f7;
  --bg-topbar:     #113f67;
  --bg-card:       #f7f9fa;
}
[data-theme="dark"] {
  --bg-page:    #3b3b3b;
  --bg-body:    #3b3b3b;
  --bg-sidebar: #3b3b3b;
  --bg-topbar:  #3b3b3b;
  --bg-card:    #454545;
  --bg-content: #3b3b3b;
  --bg-card-hover: #515151;
  --bg-input:      #515151;
  --border:        #4a4a4a;
  --border-light:  #545454;
  --text-primary:   #e8e8e8;
  --text-secondary: #b0b0b0;
  --text-muted:     #808080;
  --primary:       #d4d4d4;
  --primary-hover: #ffffff;
  --primary-dim:   rgba(255,255,255,0.08);
  --primary-text:  #d4d4d4;
  --accent:        #d4d4d4;
  --accent-hover:  #ffffff;
  --accent-dim:    rgba(255,255,255,0.08);
  --accent-text:   #d4d4d4;
  --grad:          #454545;
  --grad-hover:    #3b3b3b;
  --grad-soft:     rgba(255,255,255,0.06);
}