/* Service Creed — color tokens. Sampled from brand flyer (assets/flyer-original.jpeg). */
:root {
  /* Brand blue (navy) */
  --blue-900: #002664;
  --blue-800: #03296a;
  --blue-700: #0b3785;
  --blue-600: #14418f;
  --blue-500: #1d4ea3;
  --blue-100: #dbe5f6;
  --blue-50:  #f2f6fc;

  /* Brand orange */
  --orange-700: #c94a06;
  --orange-600: #e45f15;
  --orange-500: #ee5e10;
  --orange-400: #f97b2e;
  --orange-100: #fde3d0;
  --orange-50:  #fef4ec;

  /* Neutrals */
  --white: #ffffff;
  --gray-50:  #f8f8f7;
  --gray-100: #f0f1f3;
  --gray-200: #e2e4e8;
  --gray-300: #c9ccd3;
  --gray-500: #7a7f8a;
  --gray-700: #474c57;
  --gray-900: #1c2230;

  /* Semantic — status */
  --success: #1a8a4a;
  --success-bg: #e6f5ec;
  --warning: #d98a06;
  --warning-bg: #fdf3df;
  --danger: #d13c2e;
  --danger-bg: #fbe9e7;

  /* Semantic aliases */
  --brand-primary: var(--blue-700);
  --brand-accent: var(--orange-500);
  --text-heading: var(--blue-800);
  --text-body: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-inverse: var(--white);
  --text-link: var(--orange-600);
  --surface-page: var(--white);
  --surface-alt: var(--gray-50);
  --surface-card: var(--white);
  --surface-brand: var(--blue-800);
  --surface-accent: var(--orange-500);
  --border-default: var(--gray-200);
  --border-strong: var(--gray-300);
  --focus-ring: 0 0 0 3px rgba(11, 55, 133, 0.25);
}