/*
 * Centralized color tokens for this site.
 * Single source of truth for every color used across style.css, responsive.css,
 * module-css/*.css and src/app/styles.css. Do not hardcode color literals
 * elsewhere — add or reuse a token here instead.
 */
:root {
  /* Brand */
  --thm-primary: #FF5A79;
  --thm-primary-rgb: 255, 90, 121;
  --thm-secondary: #c8beff;
  --thm-secondary-rgb: 200, 190, 255; /* = --thm-secondary; alimenta rgba() en transparencias */
  --thm-lime: #ae94d4;
  --thm-lime-rgb: 174, 148, 212; /* = --thm-lime; alimenta rgba() en transparencias */
  --thm-secondary-legacy-rgb: 200, 190, 255; /* alineado a --thm-secondary-rgb (antes guardaba el lima previo a color1.css) */

  /* Neutrals */
  --thm-white: #ffffff;
  --thm-white-rgb: 255, 255, 255;
  --thm-black: #151515;
  --thm-black-rgb: 21, 21, 21;
  --thm-pure-black: #000000;
  --thm-pure-black-rgb: 0, 0, 0;
  --thm-body-font-color: #6A6A6A;
  --thm-heading-font-color: #151515;
  --thm-heading-dark: #0C0A1F;
  --thm-text-muted: #657078;
  --thm-body-background: #ffffff;
  --thm-black-bg: #151515;
  --thm-gray-bg: #F3F3F5;
  --thm-gray-bg-rgb: 243, 243, 245;
  --thm-border-color: #EDEDED;
  --thm-border-light: #dddddf;
  --thm-border-form: #e4e4e4;
  --thm-near-black-rgb: 20, 20, 20; /* visually indistinguishable from --thm-black-rgb, kept separate to avoid altering existing rendering */
  --thm-shadow-tint-rgb: 25, 25, 25; /* same as above */
  --thm-header-shadow-rgb: 137, 139, 142;

  /* Service / icon accents */
  --thm-icon-purple: #D8A4FF;
  --thm-icon-pink: #FFA4B4;
  --thm-icon-cyan: #75EAF1;
  --thm-icon-green: #22D497;
  --thm-icon-gold: #FFC42D;
  --thm-icon-violet: #B34FFF;

  /* Decorative one-offs */
  --thm-banner-gradient-1: #9E7CFF;
  --thm-banner-gradient-2: #FF86EC;
  --thm-banner-gradient-3: #FF9C9C;
  --thm-banner-tint: #F6F4FC; /* lavado casi blanco teñido hacia --thm-secondary */
  --thm-preloader-bg: #222222;
  --thm-accordion-border: #333F4D;
  --thm-newsletter-text: #444444;
  --thm-progress-track: #e3e3e3;
  --thm-progress-fill: #ff9600;
  --thm-blog-border: #e8e8e8;
  --thm-section-tint: #F8F7FB; /* lavado casi blanco teñido hacia --thm-secondary */
  --thm-team-tint: #FAF9FD; /* lavado casi blanco teñido hacia --thm-secondary */
  --thm-misc-gold: #fcaf3b;

  /* Social brand colors */
  --color-facebook: #3B5999;
  --color-twitter: #55ACEE;
  --color-linkedin: #0B81DA;
  --color-pinterest: #BD081C;
}