/* SpainResident semantic layer — values transcribed from the "Главная 1440" frames.
   Base Figma variables live in fig-tokens.css; these alias them or add the
   page-level values the landing uses that have no Figma variable. */
:root {
  /* — Brand colour — */
  --sr-blue: var(--blue-main-2);             /* rgb(47,104,255) primary action, eyebrow, links */
  --sr-blue-hover: var(--blue-800);          /* rgb(27,84,235) */
  --sr-blue-deep: rgb(28,62,153);            /* gradient end */
  --sr-blue-tint: var(--blue-400);           /* rgb(234,240,255) pills, badges */
  --sr-blue-ring: var(--blue-600);           /* rgb(173,192,246) dot halo */
  --sr-ink: var(--black-main-2);             /* rgb(20,26,33) headings, dark panel */
  --sr-ink-deep: rgb(13,17,23);              /* FAQ heading */
  --sr-muted: var(--grey-800);               /* rgb(93,95,106) body + captions */
  --sr-placeholder: var(--grey-700);         /* rgb(117,124,133) input placeholder, © line */
  --sr-page: var(--grey-200-2);              /* rgb(245,247,251) page + chip backgrounds */
  --sr-surface: var(--white-main-2);         /* cards, form, header */
  --sr-on-blue-veil: rgba(255,255,255,0.3);  /* glass chips on blue / photo */

  /* — AllCostaBrava (alternate brand in Page 6) — */
  --acb-green: var(--color-green);           /* rgb(18,51,42) */
  --acb-cream: var(--color-cream);           /* rgb(251,248,243) */
  --acb-terra: var(--color-terra);           /* rgb(250,126,61) */
  --acb-sand: var(--color-sand);             /* rgb(223,179,128) */

  /* — Gradients — */
  --gradient-brand: linear-gradient(144.010deg, rgb(47,104,255) 38.76%, rgb(28,62,153) 100.04%); /* @kind color */
  --gradient-cta: linear-gradient(145.595deg, rgb(47,104,255) 36.89%, rgb(28,62,153) 99.98%); /* @kind color */
  --gradient-chat-panel: linear-gradient(140.261deg, rgb(47,104,255) -3.22%, rgb(35,80,204) 103.22%); /* @kind color */
  --gradient-photo-scrim: linear-gradient(180deg, rgba(8,12,20,0.03) 25%, rgba(8,12,20,0.72) 100%); /* @kind color */

  /* — Elevation — */
  --shadow-card: 0px 10px 32px 0px rgba(17,24,39,0.04);
  --shadow-form: 0px 24px 70px 0px rgba(7,30,89,0.27);
  --shadow-header: 0px 4px 20px 0px rgba(0,0,0,0.06);
  --shadow-segment: 0px 6px 20px 0px rgba(75,75,75,0.12);
  --shadow-button: 0px 10px 24px 0px rgba(47,104,255,0.26);
  --shadow-chat-bubble: 0px 4px 22.6px 0px rgba(0,0,0,0.25);
  --ring-dot: 0 0 0 3px rgb(173,192,246);

  /* — Radii — */
  --radius-card: 32px;       /* service / step / footer cards, hero image */
  --radius-panel: 34px;      /* blue CTA + stats panels */
  --radius-stat: 24px;       /* stat tiles */
  --radius-faq: 16px;        /* accordion rows */
  --radius-button: 20px;     /* 41px-tall buttons */
  --radius-input: 40px;      /* inputs + glass chips */
  --radius-pill: 999px;      /* icon chips, badges */
  --radius-hero-pill: 17.4px;
  --radius-segment: 120px;
  --radius-acb-card: 20px;
  --radius-acb-media: 12px;

  /* — Spacing (px) — */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-section-y: 90px;   /* top/bottom padding of every landing block */
  --space-gutter: 178px;     /* side padding at 1440 → 1084px content */
  --content-width: 1084px;
  --card-col: 348px;         /* 3-up card width inside 1084 */
}