:root {
  /* ---- Brand core (Manual de Marca, p.4–5) ---- */
  --evius-turquoise: #2bd8c4;
  --evius-navy: #0e1c35;
  --evius-green: #1cbd98;
  --evius-blue: #1a97bc;

  /* ---- Turquoise ramp ---- */
  --turquoise-50: #eefcf9;
  --turquoise-100: #d3f7f0;
  --turquoise-200: #a7efe2;
  --turquoise-300: #6ae5d3;
  --turquoise-400: #2bd8c4;
  --turquoise-500: #1fc3b0;
  --turquoise-600: #17a294;
  --turquoise-700: #158177;
  --turquoise-800: #146760;
  --turquoise-900: #14544f;

  /* ---- Navy ramp ---- */
  --navy-50: #f2f5f9;
  --navy-100: #e2e8f1;
  --navy-200: #c5d0e0;
  --navy-300: #93a5c0;
  --navy-400: #5f759a;
  --navy-500: #3d5378;
  --navy-600: #24395e;
  --navy-700: #17284a;
  --navy-800: #0e1c35;
  --navy-900: #091226;

  /* ---- Support hues ---- */
  --green-400: #1cbd98;
  --green-600: #149376;
  --blue-400: #1a97bc;
  --blue-500: #1580a1;
  --blue-700: #106580;

  /* ---- Neutrals ---- */
  --white: #ffffff;
  --grey-25: #fafbfc;
  --grey-50: #f5f7fa;
  --grey-100: #eef1f5;
  --grey-200: #e2e7ee;
  --grey-300: #cbd3de;
  --grey-400: #9aa6b6;
  --grey-500: #6f7d90;
  --grey-600: #556377;
  --grey-700: #3b4757;
  --grey-800: #262f3c;
  --black: #101418;

  /* ---- Semantic: surfaces ---- */
  --surface-page: var(--white);
  --surface-subtle: var(--grey-50);
  --surface-card: var(--white);
  --surface-inverse: var(--navy-800);
  --surface-inverse-raised: var(--navy-700);
  --surface-brand: var(--turquoise-400);
  --surface-brand-subtle: var(--turquoise-50);

  /* ---- Semantic: text ---- */
  --text-heading: var(--navy-800);
  --text-body: var(--grey-700);
  --text-muted: var(--grey-500);
  --text-brand: var(--turquoise-500);
  --text-on-brand: var(--white);
  --text-on-inverse: var(--white);
  --text-on-inverse-muted: var(--navy-200);
  --text-link: var(--turquoise-500);
  --text-link-hover: var(--turquoise-600);

  /* ---- Semantic: borders ---- */
  --border-subtle: var(--grey-200);
  --border-strong: var(--grey-300);
  --border-brand: var(--turquoise-400);
  --border-inverse: rgba(255, 255, 255, 0.14);

  /* ---- Semantic: status ---- */
  --status-success: #1cbd98;
  --status-success-bg: #e7f8f3;
  --status-info: #1a97bc;
  --status-info-bg: #e6f3f8;
  --status-warning: #e8a33d;
  --status-warning-bg: #fdf3e3;
  --status-danger: #dc4f5a;
  --status-danger-bg: #fdecee;

  /* ---- Interaction ---- */
  --brand-hover: var(--turquoise-500);
  --brand-active: var(--turquoise-600);
  --focus-ring: rgba(43, 216, 196, 0.45);
}