:root {
  /* Core colors */
  --c-white:      #ffffff;
  --c-black:      #000000;
  --c-navy:       #112754;
  --c-navy-hover: #1a3566;
  --c-blue:       #2b93d1;
  --c-blue-mid:   #3860be;

  /* Primary action — red theme */
  --c-primary:       #E8335D;
  --c-primary-hover: #d12a51;
  --c-primary-tint:  #fdf0f3;

  /* Surface colors */
  --c-bg:         #f5f4f2;
  --c-grey:       #f0efed;
  --c-divider:    #e4e2de;
  --c-beige:      #ebe0db;
  --c-blue-tint:  #e6ecf7;

  /* Status backgrounds */
  --c-status-active:    #e6ecf7;
  --c-status-pending:   #fff4e0;
  --c-status-approved:  #e8f5ee;
  --c-status-rejected:  #fde8e8;
  --c-status-conflict:  #fde8e8;
  --c-status-modelling: #ebe0db;

  /* Status text */
  --c-status-active-text:    #1a5f9e;
  --c-status-pending-text:   #9a6400;
  --c-status-approved-text:  #1a7a40;
  --c-status-rejected-text:  #c0392b;
  --c-status-conflict-text:  #c0392b;
  --c-status-modelling-text: #7a5230;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-ui:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-2xl:  1.8rem;
  --text-xl:   1.5rem;
  --text-lg:   1.25rem;
  --text-md:   1.125rem;
  --text-base: 1rem;
  --text-sm:   0.9375rem;
  --text-xs:   0.875rem;
  --text-2xs:  0.8125rem;

  /* Layout */
  --sidebar-w:    224px;
  --topbar-h:     56px;

  /* Spacing */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-12: 48px;

  /* Shape */
  --radius:      10px;
  --radius-sm:   6px;
  --radius-pill: 20px;

  /* Shadows */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow:    0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.1);
}