:root {
  /* Brand Primary */
  --color-primary-dark:    #001E61;
  --color-primary:         #004BEE;
  --color-primary-mid:     #1A5FF0;
  --color-primary-light:   #93D3B8;

  /* Brand Secondary */
  --color-secondary-bg:    #D7E3F9;
  --color-secondary-bg2:   #F5F9FF;
  --color-secondary-green: #00843E;
  --color-secondary-green2:#7FBB6D;
  --color-secondary-green3:#DBF2DB;

  /* Greys */
  --color-white:    #FFFFFF;
  --color-grey-50:  #FAFAFA;
  --color-grey-100: #F2F2F2;
  --color-grey-200: #D2D2D2;
  --color-grey-300: #8B8B8B;
  --color-grey-400: #414141;
  --color-grey-900: #222222;

  /* Alerts */
  --color-success: #06AB70;
  --color-danger:  #F11212;
  --color-warning: #FFAB00;
  --color-info:    #0077B6;

  /* Shadows */
  --shadow-card:   0 2px 12px rgba(0, 30, 97, 0.07);
  --shadow-card-hover: 0 8px 28px rgba(0, 30, 97, 0.14);
  --shadow-button: 0 2px 8px rgba(0, 75, 238, 0.30);
  --shadow-button-hover: 0 4px 14px rgba(0, 75, 238, 0.40);
  --shadow-header: 0 2px 16px rgba(0, 30, 97, 0.18);
  --shadow-modal:  0 12px 48px rgba(0, 30, 97, 0.22);

  /* Border radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-btn: 8px;

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

  /* Transitions */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow:   0.4s ease;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #001E61 0%, #004BEE 100%);
  --gradient-primary-soft: linear-gradient(135deg, #001E61 0%, #1A5FF0 60%, #3B7BFF 100%);
  --gradient-success: linear-gradient(135deg, #00843E 0%, #06AB70 100%);
  --gradient-card-accent: linear-gradient(135deg, #F5F9FF 0%, #EEF5FF 100%);
}