/* MediBlue — Color tokens
   Clean white surfaces + modern blue gradient brand for medical professions (MFA/ZFA). */
:root {
  /* Brand blue scale */
  --blue-50:  #EEF4FF;
  --blue-100: #DCE9FF;
  --blue-200: #B9D3FF;
  --blue-300: #8AB5FF;
  --blue-400: #5B94FF;
  --blue-500: #2E6BFF;
  --blue-600: #1F53E0;
  --blue-700: #1A43B3;
  --blue-800: #163786;
  --blue-900: #10265C;

  /* Cyan accent (gradient endpoint) */
  --cyan-100: #D8F6FD;
  --cyan-300: #7AE0F5;
  --cyan-400: #38CFF0;
  --cyan-500: #14B8DF;
  --cyan-600: #0E93B4;

  /* Cool neutrals */
  --ink-900: #0C1626;
  --ink-800: #16233B;
  --ink-700: #253654;
  --ink-600: #3C4E6E;
  --ink-500: #5B6B87;
  --ink-400: #8493AC;
  --ink-300: #B4BFD1;
  --ink-200: #D7DEE9;
  --ink-100: #EAEEF5;
  --ink-50:  #F5F8FC;
  --white:   #FFFFFF;

  /* Semantic status */
  --success-500: #12A66B;
  --success-100: #DCF5EA;
  --warning-500: #E89B0C;
  --warning-100: #FCF0D6;
  --danger-500:  #E5484D;
  --danger-100:  #FCE2E3;

  /* Brand gradients */
  --gradient-brand: linear-gradient(135deg, #2E6BFF 0%, #14B8DF 100%); /* @kind color */
  --gradient-brand-deep: linear-gradient(135deg, #1A43B3 0%, #2E6BFF 55%, #14B8DF 100%); /* @kind color */
  --gradient-brand-soft: linear-gradient(135deg, #EEF4FF 0%, #D8F6FD 100%); /* @kind color */
  --gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F5F8FC 100%);

  /* Semantic aliases */
  --text-heading: var(--ink-900);
  --text-body: var(--ink-600);
  --text-muted: var(--ink-400);
  --text-on-brand: #FFFFFF;
  --text-link: var(--blue-600);
  --text-link-hover: var(--blue-700);

  --surface-page: var(--white);
  --surface-subtle: var(--ink-50);
  --surface-card: var(--white);
  --surface-brand-tint: var(--blue-50);

  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong: var(--ink-300);
  --border-focus: var(--blue-500);

  --interactive-primary: var(--blue-500);
  --interactive-primary-hover: var(--blue-600);
  --interactive-primary-active: var(--blue-700);
}