:root {
  --bg-base         : #F8F8F8;
  --bg-card         : #FFFFFF;
  --bg-sidebar      : #FFFFFF;
  --bg-input        : #F4F4F4;
  --bg-hover        : #F0F0F0;
  --border          : #EFEFEF;
  --border-input    : #E8E8E8;

  --accent          : #FF6B35;
  --accent-hover    : #E85A25;
  --accent-light    : #FFF0EB;

  --green           : #22C55E;
  --green-light     : #F0FDF4;
  --red             : #EF4444;
  --red-light       : #FEF2F2;
  --amber           : #F59E0B;
  --amber-light     : #FFFBEB;
  --purple          : #8B5CF6;

  --text-primary    : #1A1A1A;
  --text-secondary  : #6B7280;
  --text-muted      : #9CA3AF;
  --text-disabled   : #D1D5DB;

  --nav-active-bg   : #1A1A1A;
  --nav-active-text : #FFFFFF;

  --shadow-sm       : 0 1px 4px rgba(0,0,0,0.06);
  --shadow-md       : 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg       : 0 8px 32px rgba(0,0,0,0.10);

  --text-xs    : 11px;
  --text-sm    : 13px;
  --text-base  : 15px;
  --text-lg    : 18px;
  --text-xl    : 24px;
  --text-2xl   : 32px;
  --text-hero  : 48px;
}