/* ROXI DESIGN SYSTEM — única fuente para colores, tipografías, tamaños y escala. */
:root {
  /* Colores de identidad, fondo, texto y bordes: cambiar aquí y reconstruir. */
  --color-primary: #e82e79;
  --color-primary-hover: #c4165c;
  --color-primary-alt: #ed3e84;
  --color-primary-strong: #d52370;
  --color-white: #fff;
  --color-surface-soft: #fff9fb;
  --color-surface-pink: #fff0f5;
  --color-blush: #fce2e9;
  --color-ink: #2d2530;
  --color-muted: #82757f;
  --color-outline: #f1e4e9;
  --color-gold: #b88c62;
  /* Alias de compatibilidad con los componentes actuales */
  --pink: var(--color-primary);
  --pink-dark: var(--color-primary-hover);
  --pink-soft: var(--color-surface-pink);
  --pink-pale: var(--color-surface-soft);
  --blush: var(--color-blush);
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --border: var(--color-outline);
  --gold: var(--color-gold);
  --white: var(--color-white);
  /* Fuentes globales: agregar fuentes nuevas solamente aquí y en el layout. */
  --font-body: "DM Sans", Arial, sans-serif;
  --font-heading: "Outfit", Arial, sans-serif;
  --font-display: "Playfair Display", Georgia, serif;
  /* Espaciado / radios / sombras reutilizables */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --radius-small: 10px; --radius-medium: 14px; --radius-large: 22px;
  --radius-pill: 999px;
  --shadow-soft: 0 14px 45px #a04c7720;
  --shadow: var(--shadow-soft); --radius: var(--radius-large);
  /* Tamaños tipográficos: escala global con compatibilidad del prototipo */
  --font-size-6: 6px;
  --font-size-7: 7px;
  --font-size-8: 8px;
  --font-size-9: 9px;
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-26: 26px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-31: 31px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-37: 37px;
  --font-size-43: 43px;
  --font-size-47: 47px;
  --font-size-49: 49px;
  --font-size-62: 62px;
  /* Swatches auxiliares heredados: centralizados para mantener el aspecto original. */
  --swatch-15071147: #15071147;
  --swatch-16101843: #16101843;
  --swatch-1d0d17aa: #1d0d17aa;
  --swatch-32152323: #32152323;
  --swatch-33242f: #33242f;
  --swatch-382b34: #382b34;
  --swatch-392e37: #392e37;
  --swatch-3c3039: #3c3039;
  --swatch-4123371f: #4123371f;
  --swatch-67505d: #67505d;
  --swatch-6f626b: #6f626b;
  --swatch-705933: #705933;
  --swatch-73566a: #73566a;
  --swatch-73606c: #73606c;
  --swatch-74636e: #74636e;
  --swatch-755e6b: #755e6b;
  --swatch-7c6773: #7c6773;
  --swatch-806b79: #806b79;
  --swatch-826e7b: #826e7b;
  --swatch-83707b: #83707b;
  --swatch-86747e: #86747e;
  --swatch-867580: #867580;
  --swatch-897481: #897481;
  --swatch-897987: #897987;
  --swatch-8b6d7b: #8b6d7b;
  --swatch-8f7181: #8f7181;
  --swatch-927988: #927988;
  --swatch-947c89: #947c89;
  --swatch-947e8b: #947e8b;
  --swatch-9c8590: #9c8590;
  --swatch-9d4e75: #9d4e75;
  --swatch-9d7184: #9d7184;
  --swatch-9e668515: #9e668515;
  --swatch-a2784b: #a2784b;
  --swatch-a48e9b: #a48e9b;
  --swatch-a6587e: #a6587e;
  --swatch-a77e8f1c: #a77e8f1c;
  --swatch-a78d9b: #a78d9b;
  --swatch-a996a0: #a996a0;
  --swatch-aa769529: #aa769529;
  --swatch-aa99a4: #aa99a4;
  --swatch-ad5979: #ad5979;
  --swatch-ad8192: #ad8192;
  --swatch-ad9aa5: #ad9aa5;
  --swatch-ae889d: #ae889d;
  --swatch-af77871a: #af77871a;
  --swatch-b15c7b15: #b15c7b15;
  --swatch-b18a9b: #b18a9b;
  --swatch-b48b9c: #b48b9c;
  --swatch-ba6c8529: #ba6c8529;
  --swatch-bb5f7c21: #bb5f7c21;
  --swatch-ceacc021: #ceacc021;
  --swatch-d4367855: #d4367855;
  --swatch-d8b3c1: #d8b3c1;
  --swatch-e9bdce: #e9bdce;
  --swatch-ea367727: #ea367727;
  --swatch-eac0d037: #eac0d037;
  --swatch-ecdde4: #ecdde4;
  --swatch-eddae2: #eddae2;
  --swatch-efa0be: #efa0be;
  --swatch-efdde6: #efdde6;
  --swatch-efdfe6: #efdfe6;
  --swatch-f0e1e7: #f0e1e7;
  --swatch-f0e3e8: #f0e3e8;
  --swatch-f0e3e9: #f0e3e9;
  --swatch-f0e4e9: #f0e4e9;
  --swatch-f1dce6: #f1dce6;
  --swatch-f3aec7: #f3aec7;
  --swatch-f3e6ec: #f3e6ec;
  --swatch-f3e7ec: #f3e7ec;
  --swatch-f4dce6: #f4dce6;
  --swatch-f4e7ed: #f4e7ed;
  --swatch-f5b8cf: #f5b8cf;
  --swatch-f5edf0: #f5edf0;
  --swatch-f685b2: #f685b2;
  --swatch-f7e8ee: #f7e8ee;
  --swatch-f7edf1: #f7edf1;
  --swatch-f7f0f3: #f7f0f3;
  --swatch-f8d3df: #f8d3df;
  --swatch-f8ecdf: #f8ecdf;
  --swatch-f9c7d8: #f9c7d8;
  --swatch-f9d8e3: #f9d8e3;
  --swatch-fae0ea: #fae0ea;
  --swatch-faf0f3: #faf0f3;
  --swatch-fce5ed: #fce5ed;
  --swatch-fce6ef: #fce6ef;
  --swatch-ffe4ed: #ffe4ed;
  --swatch-ffe6ee: #ffe6ee;
  --swatch-ffe9f1: #ffe9f1;
  --swatch-ffebf1: #ffebf1;
  --swatch-ffedf3: #ffedf3;
  --swatch-ffedf4: #ffedf4;
  --swatch-fff0f4: #fff0f4;
  --swatch-fff1f6: #fff1f6;
  --swatch-fff3f7: #fff3f7;
  --swatch-fff4dc: #fff4dc;
  --swatch-fff5f8: #fff5f8;
  --swatch-fff6f9: #fff6f9;
  --swatch-fff7f7: #fff7f7;
  --swatch-fff7f9: #fff7f9;
  --swatch-fff8: #fff8;
  --swatch-fff8fa: #fff8fa;
  --swatch-fff9: #fff9;
  --swatch-fffdfd: #fffdfd;
  --swatch-ffffff16: #ffffff16;
  --swatch-ffffff1e: #ffffff1e;
  --swatch-ffffff52: #ffffff52;
}