/* Atom Force — colour. White is the ground; ink is near-black; one electric blue carries all emphasis. */
:root{
  /* Neutrals — cool-shifted, sampled from the product photography */
  --white:#FFFFFF;
  --neutral-50:#FAFAF9;
  --neutral-100:#F4F3F1;
  --neutral-200:#E7ECF2;
  --neutral-300:#D3DBE5;
  --neutral-400:#AEB9C7;
  --neutral-500:#8391A2;
  --neutral-600:#5B6675;
  --neutral-700:#39414C;
  --neutral-800:#20262E;
  --neutral-900:#0A0C10;

  /* Brand blue — sampled from the atomh2.es COMPRAR button and outline CTAs */
  --blue-50:#EEF4FF;
  --blue-100:#D8E5FF;
  --blue-200:#B4CCFF;
  --blue-300:#7FA6FF;
  --blue-400:#4A80FF;
  --blue-500:#175CFF;  /* core brand blue */
  --blue-600:#0F4AD6;
  --blue-700:#0C3AA6;
  --blue-800:#092A75;
  --blue-900:#06173F;

  /* Water tints — sampled from the atomh2.es hero gradient */
  --water-mist:#F5F4F2;
  --water-ice:#F1EFEC;
  --water-steel:#C6D5E6;
  /* Grises de fondo con un toque cálido casi imperceptible (Pepe, 13/10/2026) */
  --panel-grey:#F3F2F0;
  --panel-grey-strong:#EBE9E6;

  /* Semantic status */
  --green-500:#0FA36B;
  --green-50:#E7F7F0;
  --amber-500:#C8811A;
  --amber-50:#FBF2E4;
  --red-500:#D8392B;
  --red-50:#FBEAE8;

  /* ---- Semantic aliases ---- */
  --text-strong:var(--neutral-900);
  --text-body:var(--neutral-900);      /* the site sets running copy in near-black, not grey */
  --text-muted:#6B6B6B;                /* neutral grey for card body copy */
  --text-soft:#8A8A8A;
  --text-inverse:var(--white);
  --text-accent:var(--blue-600);
  --text-link:var(--blue-600);
  --text-link-hover:var(--blue-800);

  --surface-page:var(--white);
  --surface-subtle:var(--neutral-50);
  --surface-card:var(--white);
  --surface-sunken:var(--neutral-100);
  --surface-wash:var(--water-mist);
  --surface-panel:var(--panel-grey);
  --surface-hero:linear-gradient(180deg,#F6F5F3 0%,#F1EFEC 55%,#ECE9E5 100%); /* @kind other */
  --surface-inverse:var(--neutral-900);
  --surface-accent:var(--blue-500);
  --surface-accent-soft:var(--blue-50);

  --border-hairline:var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong:var(--neutral-900);
  --border-accent:var(--blue-500);

  --focus-ring:var(--blue-400);

  --status-ok:var(--green-500);
  --status-ok-surface:var(--green-50);
  --status-warn:var(--amber-500);
  --status-warn-surface:var(--amber-50);
  --status-error:var(--red-500);
  --status-error-surface:var(--red-50);

  /* Signature gradients — only ever used for the light-pipe glow and dark hero grounds */
  --gradient-lightpipe:linear-gradient(180deg,#5B7CFF 0%,#1F3CFF 45%,#0D1A6B 100%); /* @kind other */
  --gradient-deepwater:linear-gradient(160deg,#0A0C10 0%,#070F3D 60%,#12269F 140%); /* @kind other */
  --gradient-mist:linear-gradient(180deg,#FFFFFF 0%,#F2F6FB 100%); /* @kind other */
}