/* Brand overrides.
   The Figma Variable collection shipped an orange/taupe brand ramp
   (--colors-orange-*) inherited from the UI-kit library the file was built on.
   MindfulUX has no orange, so every brand alias is bound directly to the real
   palette here. Imported last in styles.css so it wins over fig-tokens.css. */
:root{
  /* Source ramp, re-pointed */
  --colors-orange-light-600:#EEA399; /* @kind color */
  --colors-orange-light-700:#F2C6C0; /* @kind color */
  --colors-orange-light-100:rgba(238,163,153,.14); /* @kind color */
  --colors-orange-light-50:rgba(238,163,153,.07); /* @kind color */
  --colors-orange-dark-600:#EEA399; /* @kind color */
  --colors-orange-dark-700:#F2C6C0; /* @kind color */
  --colors-orange-dark-100:rgba(238,163,153,.20); /* @kind color */
  --colors-orange-dark-50:rgba(238,163,153,.10); /* @kind color */

  /* Brand aliases bound directly, so no inherited chain can reintroduce orange */
  --brand-light-600:#EEA399; /* @kind color */
  --brand-light-700:#F2C6C0; /* @kind color */
  --brand-light-100:rgba(238,163,153,.14); /* @kind color */
  --brand-light-50:rgba(238,163,153,.07); /* @kind color */
  --brand-dark-600:#EEA399; /* @kind color */
  --brand-dark-700:#F2C6C0; /* @kind color */
  --brand-dark-100:rgba(238,163,153,.20); /* @kind color */
  --brand-dark-50:rgba(238,163,153,.10); /* @kind color */

  --colors-background-bg-brand-600:#EEA399; /* @kind color */
  --colors-background-bg-brand-700:#F2C6C0; /* @kind color */
  --colors-background-bg-brand-100:rgba(238,163,153,.14); /* @kind color */
  --colors-background-bg-brand-50:rgba(238,163,153,.07); /* @kind color */

  /* Coral is a light fill — brand text sits in the greys, never white */
  --colors-text-text-brand-600:#444655; /* @kind color */
  --colors-text-text-brand-700:#353640; /* @kind color */
  --component-colors-components-button-primary-button-primary-fg-hover:#444655; /* @kind color */
}
:root[data-theme="dark"], .dark{
  --colors-background-bg-brand-600:#EEA399; /* @kind color */
  --colors-background-bg-brand-700:#F2C6C0; /* @kind color */
  --colors-text-text-brand-600:#EEA399; /* @kind color */
  --colors-text-text-brand-700:#F2C6C0; /* @kind color */
}