:root {
  --color-primary: var(--blue-dark);
  --color-secondary: var(--blue);

  /* Colors */
  --black: #000000;
  --white: #ffffff;
  --grey-lighter: #f4f4f4;
  --grey-light: #e5e5e5;
  --grey: #bbbbbb;
  --grey-dark: #7d7d7d;
  --grey-darker: #333333;
  --blue-light: #deeaf4;
  --blue: #2388cf;
  --blue-dark: #002850;
  --orange: #e09223;
  --red: #bc2929;
  --yellow: #ffc439;
  --beige: #d6ca8e;
  --green: #008000;

  /* Light variants (derived) */
  --orange-light: color-mix(in srgb, var(--orange) 30%, var(--white));
  --red-light: color-mix(in srgb, var(--red) 25%, var(--white));
  --green-light: color-mix(in srgb, var(--green) 30%, var(--white));

  /* Semantic aliases */
  --color-success: var(--green);
  --color-error: var(--red);
  --color-paypal: var(--yellow);
}