/* Emusys — color tokens. Primary purple confirmed by client: #5142E4. */

:root {
  /* ── Base brand ─────────────────────────────── */
  --purple: #5142E4;        /* primary brand (client-confirmed) */
  --purple-dark: #4232C4;   /* hover/pressed */
  --purple-deep: #3323A0;   /* pressed */
  --blue: #1B1BA5;          /* depth / secondary brand */
  --navy: #04023A;          /* darkest — headings, dark surfaces */
  --orange: #E3872E;        /* accent — controlled highlight only */
  --orange-dark: #C97220;
  --white: #FFFFFF;

  /* ── Purple tints (derived) ─────────────────── */
  --purple-050: #F2F1FD;
  --purple-100: #E4E1FB;
  --purple-200: #C7C1F7;
  --purple-300: #9C90EF;
  --purple-400: #7565E9;

  /* ── Orange tints (derived) ─────────────────── */
  --orange-050: #FDF3E9;
  --orange-100: #F9E3CC;

  /* ── Neutrals (cool, navy-based) ────────────── */
  --gray-050: #F7F7FB;
  --gray-100: #EFEFF6;
  --gray-200: #E2E2EE;
  --gray-300: #C9C9DB;
  --gray-400: #9B9AB8;
  --gray-500: #5F5E83; /* escurecido p/ legibilidade de texto — era #6E6D91 */
  --gray-600: #4F4E74;
  --gray-700: #35345B;
  --gray-800: #1D1B48;

  /* ── Semantic status (intentional additions for product UI) ── */
  --success: #1F9D61;
  --success-bg: #E6F6EE;
  --warning: #C97220;
  --warning-bg: #FDF3E9;
  --danger: #D64545;
  --danger-bg: #FCEBEB;
  --info: #1B1BA5;
  --info-bg: #E9E9F8;

  /* ── Semantic aliases ───────────────────────── */
  --text-heading: var(--navy);
  --text-body: var(--gray-600);
  --text-muted: var(--gray-400);
  --text-on-brand: var(--white);
  --text-link: var(--purple);

  --surface-page: var(--white);
  --surface-subtle: var(--gray-050);
  --surface-card: var(--white);
  --surface-brand: var(--purple);
  --surface-brand-subtle: var(--purple-050);
  --surface-dark: var(--navy);

  --border-default: var(--gray-200);
  --border-strong: var(--gray-300);
  --border-focus: var(--purple);

  --cta: var(--purple);
  --cta-hover: var(--purple-dark);
  --cta-active: var(--purple-deep);
}