/* El Sultán Beauty — tokens del sistema de diseño.
   Generado desde el-sult-n-beauty-design-system/project/tokens/.
   NO editar a mano: si cambian los tokens, regenerar. */

/* ---- colors.css ---- */
:root{
  /* ── Orquídea — the brand pink (#eda8f3 is the supplied brand value) ── */
  --orquidea-50:#fdf5fe;--orquidea-100:#fbeafd;--orquidea-200:#f7d6fa;--orquidea-300:#f2bff7;
  --orquidea-400:#eda8f3;--orquidea-500:#de85e8;--orquidea-600:#c661d2;--orquidea-700:#a244ad;
  --orquidea-800:#7a3183;--orquidea-900:#4f2055;
  --orquidea:var(--orquidea-400);

  /* ── Dorado — the gold, a gradient from rose (#cea1a3) to champagne (#dbc889) ── */
  --dorado-rosa:#cea1a3;--dorado-champan:#dbc889;
  --dorado-50:#fbf7f0;--dorado-100:#f6efe4;--dorado-200:#ecdfc9;--dorado-300:#e0cfa9;
  --dorado-400:#d4bd8f;--dorado-500:#c2a878;--dorado-600:#a68c5f;--dorado-700:#856f4b;
  --dorado-800:#5f4f36;--dorado-900:#3d3223;
  --dorado:var(--dorado-500);

  /* ── Tinta — warm plum-leaning neutrals ── */
  --tinta-0:#ffffff;--tinta-25:#fdfafc;--tinta-50:#faf5f8;--tinta-100:#f3ebf0;--tinta-200:#e7dbe3;
  --tinta-300:#d5c6d0;--tinta-400:#b0a0ab;--tinta-500:#877784;--tinta-600:#64555f;
  --tinta-700:#473b43;--tinta-800:#2d242a;--tinta-900:#1b141a;

  /* ── Semantic status ── */
  --exito-fondo:#e8f3ee;--exito:#3d8a68;--exito-fuerte:#2b6349;
  --alerta-fondo:#fbf1de;--alerta:#c1892f;--alerta-fuerte:#8e6320;
  --error-fondo:#fbe9ec;--error:#c04559;--error-fuerte:#8f2f40;
  --info-fondo:var(--orquidea-100);--info:var(--orquidea-700);--info-fuerte:var(--orquidea-800);
  --whatsapp:#25d366;--whatsapp-oscuro:#128c7e;

  /* ── Gradients ── */
  --gradient-dorado:linear-gradient(115deg,#cea1a3 0%,#d3b193 48%,#dbc889 100%); /* @kind color */
  --gradient-dorado-inverso:linear-gradient(115deg,#dbc889 0%,#d3b193 52%,#cea1a3 100%); /* @kind color */
  --gradient-dorado-suave:linear-gradient(115deg,#f0e2dd 0%,#f6efdd 100%); /* @kind color */
  /* El rosa y la tinta son SIEMPRE planos. El degradado es exclusivo del dorado. */
  /* protection scrim for type over photography */
  --gradient-scrim:linear-gradient(180deg,rgba(27,20,26,0) 0%,rgba(27,20,26,.16) 42%,rgba(27,20,26,.72) 100%); /* @kind color */

  /* ── Semantic aliases ── */
  --text-strong:var(--tinta-900);
  --text-body:var(--tinta-700);
  --text-muted:var(--tinta-500);
  --text-faint:var(--tinta-400);
  --text-inverse:var(--tinta-0);
  --text-brand:var(--orquidea-700);
  --text-gold:var(--dorado-700);
  --text-link:var(--orquidea-700);
  --text-link-hover:var(--orquidea-800);

  --surface-page:var(--tinta-25);
  --surface-card:var(--tinta-0);
  --surface-sunken:var(--tinta-50);
  --surface-blush:var(--orquidea-50);
  --accent-swash:var(--orquidea-200);
  --surface-gold:var(--dorado-50);
  --surface-ink:var(--tinta-900);
  --surface-overlay:rgba(27,20,26,.52);
  --surface-veil:rgba(255,255,255,.72);

  --border-subtle:var(--tinta-200);
  --border-default:var(--tinta-300);
  --border-strong:var(--tinta-400);
  --border-gold:var(--dorado-300);
  --border-brand:var(--orquidea-300);
  --border-ink:var(--tinta-900);

  --focus-ring:var(--orquidea-500);
  --focus-ring-offset:var(--tinta-0);
}

/* ---- typography.css ---- */
:root{
  --font-display:"Cormorant Garamond","Times New Roman",Times,serif;
  --font-ui:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:var(--font-ui);
  /* the wordmark is artwork, never a font — see assets/wordmark-*.png */

  --text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;
  --text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;
  --text-5xl:62px;--text-6xl:80px;

  --leading-tight:1.06;--leading-snug:1.24;--leading-normal:1.55;--leading-loose:1.72;

  --weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

  --tracking-eyebrow:.22em;--tracking-caps:.12em;--tracking-wide:.04em;
  --tracking-normal:0em;--tracking-tight:-.015em;--tracking-tighter:-.03em;
}

/* ---- spacing.css ---- */
:root{
  --space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;
  --space-12:96px;--space-13:128px;--space-14:160px;

  --gutter-mobile:20px;--gutter-tablet:32px;--gutter-desktop:48px;
  --container-sm:640px;--container-md:900px;--container-lg:1180px;--container-xl:1400px;
  --section-y-compact:var(--space-9);--section-y:var(--space-11);--section-y-loose:var(--space-13);
}

/* ---- shape.css ---- */
:root{
  --radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;
  --radius-2xl:36px;--radius-pill:999px;--radius-circle:50%;
  --radius-card:var(--radius-lg);
  --radius-control:var(--radius-pill);
  --radius-field:var(--radius-md);
  --radius-media:var(--radius-lg);

  --hairline:1px;--rule:1.5px;--rule-thick:2px;
  --border-hairline:var(--hairline) solid var(--border-subtle); /* @kind other */
  --border-gold-hairline:var(--hairline) solid var(--border-gold); /* @kind other */
}

/* ---- elevation.css ---- */
:root{
  /* plum-tinted, never neutral black */
  --shadow-xs:0 1px 2px rgba(43,36,42,.06);
  --shadow-sm:0 2px 8px rgba(43,36,42,.07);
  --shadow-md:0 8px 24px -6px rgba(43,36,42,.12);
  --shadow-lg:0 18px 44px -12px rgba(43,36,42,.16);
  --shadow-xl:0 32px 70px -20px rgba(43,36,42,.22);
  --shadow-glow-orquidea:0 12px 30px -10px rgba(198,97,210,.45);
  --shadow-glow-dorado:0 12px 30px -10px rgba(166,140,95,.38);
  --shadow-inset-veil:inset 0 1px 0 rgba(255,255,255,.65);
  --shadow-focus:0 0 0 3px rgba(222,133,232,.35);
  --blur-veil:blur(14px); /* @kind other */
  --blur-heavy:blur(28px); /* @kind other */
}

/* ---- motion.css ---- */
:root{
  --duration-instant:90ms; /* @kind other */
  --duration-fast:160ms; /* @kind other */
  --duration-base:240ms; /* @kind other */
  --duration-slow:380ms; /* @kind other */
  --duration-slower:600ms; /* @kind other */
  --ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-entrance:cubic-bezier(.16,.84,.44,1); /* @kind other */
  --ease-exit:cubic-bezier(.4,0,.9,.4); /* @kind other */
  --ease-linear:linear; /* @kind other */
  --transition-control:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard); /* @kind other */
  --lift-hover:translateY(-2px); /* @kind other */
  --press-scale:.985; /* @kind other */
}