/* ── Dositec Pharma color system ─────────────────────────────────────────────
   Base ramps are anchored on colors sampled directly out of the logo files
   (assets/logo-dositec-stacked.png, assets/logo-dositec-horizontal.png):
     teal  #0B9BB6  — "DOSITEC" wordmark, flask fill, droplet, tagline
     coral #F18055  — "PHARMA" wordmark, flask outline, radiation trefoil
   Neutrals are the literal values in use on dositec.com.do (bizberg theme). */
:root {
  /* Cian Dositec */
  --teal-50: #e8f6f9;
  --teal-100: #cbebf2;
  --teal-200: #9bd9e6;
  --teal-300: #63c3d6;
  --teal-400: #2aaac5;
  --teal-500: #0b9bb6;
  --teal-600: #0a8aa2;
  --teal-700: #0a6f83;
  --teal-800: #0a5766;
  --teal-900: #0a3f4a;

  /* Coral Pharma */
  --coral-50: #fef1eb;
  --coral-100: #fcdfd1;
  --coral-200: #f9bfa4;
  --coral-300: #f5a078;
  --coral-400: #f18055;
  --coral-500: #e56a3c;
  --coral-600: #c9552b;
  --coral-700: #a34320;
  --coral-800: #7c331a;
  --coral-900: #55220f;

  /* Neutrals — literal site values */
  --gray-0: #ffffff;
  --gray-50: #fbfbfb;
  --gray-100: #f1f1f1;
  --gray-150: #eeeeee;
  --gray-200: #e2e0e0;
  --gray-300: #dbdbdb;
  --gray-400: #a8acb1;
  --gray-500: #64686d;
  --gray-600: #636363;
  --gray-700: #434343;
  --gray-800: #333333;
  --gray-900: #1f2024;
  --black: #000000;

  /* State colors — ADDED (no equivalent in the sources). See readme.md. */
  --state-success: #12866b;
  --state-warning: #e5a31c;
  --state-danger: #c6362b;

  /* Legacy values still live on dositec.com.do. Do not use for new work. */
  --legacy-theme-blue: #0088cc;
  --legacy-theme-blue-dark: #006da4;
  --legacy-social-teal: #1098c6;
  --legacy-nuclear-blue: #4c6cb3;

  /* ── Semantic aliases ── */
  --brand-primary: var(--teal-500);
  --brand-primary-hover: var(--teal-600);
  --brand-primary-active: var(--teal-700);
  --brand-primary-wash: var(--teal-50);
  --brand-secondary: var(--coral-400);
  --brand-secondary-hover: var(--coral-500);
  --brand-secondary-active: var(--coral-600);
  --brand-secondary-wash: var(--coral-50);

  --text-heading: var(--gray-800);
  --text-body: var(--gray-500);
  --text-muted: var(--gray-600);
  --text-strong: var(--black);
  --text-on-brand: var(--gray-0);
  --text-on-inverse: var(--gray-0);
  --text-link: var(--teal-600);
  --text-link-hover: var(--teal-700);

  --surface-page: var(--gray-0);
  --surface-subtle: var(--gray-50);
  --surface-card: var(--gray-0);
  --surface-field: var(--gray-100);
  --surface-inverse: var(--gray-900);
  --surface-teal: var(--brand-primary);
  --surface-coral: var(--brand-secondary);

  --border-default: var(--gray-150);
  --border-strong: var(--gray-300);
  --border-field: var(--gray-100);
  --border-brand: var(--brand-primary);
  --focus-ring: var(--teal-500);

  /* Section washes — the site's soft teal→white and coral→white gradients */
  --gradient-teal-wash: linear-gradient(180deg, var(--teal-50) 0%, var(--gray-0) 100%);
  --gradient-coral-wash: linear-gradient(180deg, var(--coral-50) 0%, var(--gray-0) 100%);
  --gradient-brand-bar: linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);
  /* Photo protection scrim for full-bleed hero imagery */
  --scrim-hero: linear-gradient(90deg, rgba(31, 32, 36, 0.72) 0%, rgba(31, 32, 36, 0.35) 55%, rgba(31, 32, 36, 0) 100%); /* @kind color */
}