/* CFP Design Tokens */
:root {
  --navy:        #1a2744;
  --navy-dark:   #111c33;
  --navy-light:  #243561;
  --gold:        #c9a84c;
  --gold-light:  #e8c870;
  --gold-muted:  #9e7f34;
  --white:       #ffffff;
  --off-white:   #f8f7f4;
  --grey-50:     #f9fafb;
  --grey-100:    #f3f4f6;
  --grey-200:    #e5e7eb;
  --grey-300:    #d1d5db;
  --grey-500:    #6b7280;
  --grey-700:    #374151;
  --grey-900:    #111827;
  --green:       #16a34a;
  --red:         #dc2626;
  --amber:       #d97706;

  --sidebar-bg:     var(--navy);
  --sidebar-text:   rgba(255,255,255,0.85);
  --sidebar-active: var(--gold);
  --topbar-bg:      var(--white);
  --content-bg:     var(--grey-50);
  --card-bg:        var(--white);
  --border:         var(--grey-200);
  --text:           var(--grey-900);
  --text-muted:     var(--grey-500);
  --accent:         var(--navy);
  --accent-hover:   var(--navy-light);
  --btn-primary:    var(--navy);
  --btn-gold:       var(--gold);
  --focus-ring:     rgba(201, 168, 76, 0.4);

  --sidebar-w: 240px;
  --topbar-h:  56px;
  --radius:    6px;
  --radius-lg: 10px;
  --shadow:    0 1px 3px rgba(0,0,0,.08), 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);
}