/* ============================================================
   SOPHER ADVISORY · Brand tokens
   Pega esto en cualquier proyecto (web, app) para usar la marca.
   ============================================================ */
:root{
  /* — Verde Sopher (escala) — */
  --sopher-green-50:#e7f7ef;
  --sopher-green-100:#cfeadd;
  --sopher-green-200:#a3dcc1;
  --sopher-green-300:#6fd0a3;
  --sopher-green-400:#36cc8c;
  --sopher-green-500:#15c77e;  /* base / marca */
  --sopher-green-600:#0fa566;  /* hover / acento texto */
  --sopher-green-700:#0c8553;
  --sopher-green-800:#0a6642;
  --sopher-green-900:#064a30;

  /* — Neutrales / tinta — */
  --sopher-n-0:#ffffff;
  --sopher-n-50:#f4f7f5;
  --sopher-n-100:#e7eae8;
  --sopher-n-200:#d4d8d6;
  --sopher-n-300:#aab2ad;
  --sopher-n-400:#7a828d;
  --sopher-n-500:#4c5562;
  --sopher-n-600:#2a313c;
  --sopher-n-700:#1a212a;
  --sopher-n-800:#11161f;
  --sopher-n-900:#0c1018;  /* tinta */

  /* — Acentos de apoyo (uso medido) — */
  --sopher-amber:#f0a017;
  --sopher-teal:#0fb5a6;
  --sopher-info:#2f6bff;
  --sopher-danger:#e0584f;
  --sopher-green-ink:#04140d; /* texto sobre verde */
  --sopher-wa:#25d366;        /* WhatsApp oficial */

  /* — Roles semánticos — */
  --sopher-bg:#ffffff;
  --sopher-bg-soft:#f4f7f5;
  --sopher-surface-dark:#0c1018;
  --sopher-text:#131722;
  --sopher-text-2:#4c5562;
  --sopher-text-3:#7a828d;
  --sopher-line:#e7eae8;
  --sopher-accent:#15c77e;
  --sopher-accent-deep:#0fa566;

  /* — Tipografía — */
  --sopher-font-display:'Bricolage Grotesque',sans-serif;
  --sopher-font-body:'Hanken Grotesk',system-ui,sans-serif;

  /* — Radios — */
  --sopher-radius-sm:11px;
  --sopher-radius:16px;
  --sopher-radius-lg:22px;
  --sopher-radius-pill:999px;

  /* — Sombras — */
  --sopher-shadow-card:0 18px 44px -30px rgba(12,16,24,.30);
  --sopher-shadow-pop:0 30px 70px -34px rgba(12,16,24,.45);

  /* — Tipo: import — */
  /* @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Hanken+Grotesk:wght@400..800&display=swap'); */
}