/* Marketing Ops — colour tokens (locked; do not deviate) */
:root {
  /* Brand — navy (primary) */
  --color-navy: #1B2A4A;
  --color-navy-light: #2A3F6A;
  --color-navy-dark: #111D35;

  /* Brand — orange (accent, max ~10% of any composition) */
  --color-orange: #E8712B;
  --color-orange-light: #F08A4D;
  --color-orange-dark: #C85D1E;

  /* Surfaces */
  --color-surface: #F7F7F8;        /* warm neutral page background */
  --color-surface-raised: #FFFFFF; /* cards */

  /* Grey scale */
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #6B7280;
  --color-gray-600: #4B5563;
  --color-gray-700: #374151;
  --color-gray-800: #1F2937;
  --color-gray-900: #111827;

  /* Success */
  --color-green-100: #D1FAE5;
  --color-green-700: #047857;

  /* Semantic aliases */
  --text-body: var(--color-gray-900);
  --text-secondary: var(--color-gray-600);
  --text-muted: var(--color-gray-500);
  --text-heading: var(--color-navy);
  --text-on-dark: #FFFFFF;
  --text-secondary-on-dark: var(--color-gray-300);
  --text-muted-on-dark: var(--color-gray-400);
  --surface-page: var(--color-surface);
  --surface-card: var(--color-surface-raised);
  --surface-dark: var(--color-navy);
  --border-subtle: var(--color-gray-100);
  --border-default: var(--color-gray-200);
  --focus-ring: var(--color-orange);
}