/* css/vars.css — CSS переменные */
:root {
  --primary:       #3464B8;
  --primary-dark:  #2551A3;
  --primary-light: #EBF0FA;
  --teal:          #3A9F96;
  --teal-light:    #E6F6F5;
  --green:         #35A87A;
  --green-light:   #E6F7EF;
  --amber:         #E08C20;
  --amber-light:   #FDF3E3;
  --red:           #D04545;
  --red-light:     #FBEAEA;
  --purple:        #7855C8;
  --purple-light:  #F0EBFF;
  --indigo:        #505FC4;

  --sidebar-bg:    #18283E;
  --sidebar-hover: #1F3352;
  --sidebar-active:#2B4675;

  --bg:            #F4F6FA;
  --bg-card:       #FFFFFF;
  --border:        #DDE3EE;
  --border-light:  #EEF1F7;

  --text:          #1A2640;
  --text-muted:    #637494;
  --text-light:    #98A8C0;

  --shadow-sm: 0 1px 4px rgba(0,0,0,.07);
  --shadow-md: 0 4px 16px rgba(0,0,0,.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.14);

  --radius:    10px;
  --radius-sm: 6px;
  --radius-lg: 14px;

  --topbar-h:  58px;
  --sidebar-w: 240px;
}