:root {
  /* Brand Colors */
  --color-primary:        #1a73e8;
  --color-primary-dark:   #1557b0;
  --color-primary-light:  #e8f0fe;
  --color-accent:         #fbbc04;
  --color-danger:         #d93025;
  --color-success:        #1e8e3e;
  --color-warning:        #f29900;
  --color-info:           #1a73e8;

  /* Neutrals */
  --color-bg:             #f8f9fa;
  --color-surface:        #ffffff;
  --color-border:         #e0e0e0;
  --color-text-primary:   #202124;
  --color-text-secondary: #5f6368;
  --color-text-muted:     #9aa0a6;

  /* Sidebar */
  --sidebar-width:        240px;
  --sidebar-collapsed:    64px;
  --sidebar-bg:           #1c2333;
  --sidebar-text:         #c4c9d4;
  --sidebar-active-bg:    rgba(255,255,255,.08);
  --sidebar-active-text:  #ffffff;
  --sidebar-hover-bg:     rgba(255,255,255,.04);
  --sidebar-icon:         #8b92a5;

  /* Header */
  --header-height:        60px;
  --header-bg:            #ffffff;
  --header-border:        #e0e0e0;

  /* Spacing */
  --space-xs:    4px;
  --space-sm:    8px;
  --space-md:    16px;
  --space-lg:    24px;
  --space-xl:    32px;
  --space-2xl:   48px;

  /* Typography */
  --font-family:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sm:       12px;
  --font-base:     14px;
  --font-md:       16px;
  --font-lg:       20px;
  --font-xl:       24px;
  --font-2xl:      32px;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 2px rgba(0,0,0,.06);
  --shadow-md:  0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);
  --shadow-lg:  0 10px 15px rgba(0,0,0,.1),  0 4px 6px rgba(0,0,0,.05);

  /* Transition */
  --transition: 200ms ease;
}