/* ActuateMinds brand layer — retunes the Organic design system's tokens to the
   logo palette ("logo colors lead"). Loaded after the system's styles.css so
   every DS component, class and scale keeps working, in ActuateMinds colours. */
:root {
  --color-bg: #FFF7EE;
  --color-surface: #FFFFFF;
  --color-text: #172B63;
  --color-accent: #F7931E;
  --color-accent-2: #7A8A5E;
  --color-divider: color-mix(in srgb, #172B63 14%, transparent);

  --color-accent-100: #FFF4E6;
  --color-accent-200: #FFEAD1;
  --color-accent-300: #FFD9A6;
  --color-accent-400: #FFA83E;
  --color-accent-500: #F7931E;
  --color-accent-600: #E07C0C;
  --color-accent-700: #C96C05;
  --color-accent-800: #8A4A05;
  --color-accent-900: #40260A;

  --color-neutral-100: #FFFDFA;
  --color-neutral-200: #FDF0DE;
  --color-neutral-300: #E6D5BF;
  --color-neutral-400: #C7CEDB;
  --color-neutral-500: #8A93A8;
  --color-neutral-600: #5A6784;
  --color-neutral-700: #41506F;
  --color-neutral-800: #22397C;
  --color-neutral-900: #0F1D45;

  --color-accent-2-100: #EAF0E4;
  --color-accent-2-200: #D8E3CE;
  --color-accent-2-300: #B4C29A;
  --color-accent-2-400: #94A579;
  --color-accent-2-500: #7A8A5E;
  --color-accent-2-600: #64734B;
  --color-accent-2-700: #4E5E36;

  /* Brand tints outside the three ramps: the navy-tinted ground, the sun
     yellow from the logo's highlight, and the WhatsApp channel green. */
  --brand-sky: #EEF2FB;
  --brand-sun: #FFC94D;
  --brand-sun-tint: #FFF1CF;
  --brand-whatsapp: #25D366;
  --brand-whatsapp-600: #1FBF5B;
  --brand-whatsapp-ink: #0B2E17;
}