/**
 * Keshet Corporate — design tokens.
 *
 * Single source of truth for the skin's colors, fonts, type scale and
 * spacing. Every value is scoped to the skin body class so nothing leaks to
 * Elementor pages or other skins.
 *
 * Extracted from Figma (node 367:1975, 1920px desktop frame):
 *   Colors    #9CF9FF (cyan), #FF5368 (coral), #0D0D0D (ink), #FFFFFF
 *   Type      Pompei_FS — 250 / 128 / 64 / 24 / 20 px, line-height 1.15 & 1.41
 *
 * NOTE: Figma's huge display headings ("בגאורגיה :)", "Diamond Resort") are
 * labelled with a second family, "SdAtletico:Bold", which is NOT in the brand
 * kit. --keshet-corp-font-display currently maps to Pompei Block FS Black
 * pending confirmation of the display font. See fonts.css.
 */

.keshet-skin--keshet-corp {
	/* === Brand colors === */
	--keshet-corp-color-cyan: #9cf9ff;   /* accent · big headings · contact bg */
	--keshet-corp-color-coral: #ff5368;  /* CTA · property names · borders */
	--keshet-corp-color-ink: #0d0d0d;    /* near-black · dark sections · text */
	--keshet-corp-color-white: #ffffff;

	/* === Per-property button accents (Figma 367:2176–2261) ===
	   The corporate skin hosts one section per marketed property, each with its
	   own button color:
	     cyan  #9CF9FF → keshet-corp (corporate)
	     coral #FF5368 → batumi
	     lime  #9FEC06 → gudauri
	     gold  #BD9346 → genesis
	   ink/white are neutral (light/dark backgrounds respectively). */
	--keshet-corp-color-lime: #9fec06; /* gudauri */
	--keshet-corp-color-gold: #bd9346; /* genesis */

	/* === Semantic roles === */
	--keshet-corp-color-bg: var(--keshet-corp-color-ink);
	--keshet-corp-color-text: var(--keshet-corp-color-white);
	--keshet-corp-color-heading: var(--keshet-corp-color-cyan);
	--keshet-corp-color-accent: var(--keshet-corp-color-coral);
	--keshet-corp-color-on-cyan: var(--keshet-corp-color-ink); /* text over cyan bg */

	/* Muted white — Figma uses 50% opacity for inactive states (nav numbers). */
	--keshet-corp-color-text-muted: rgba(255, 255, 255, 0.5);

	/* === Font families ===
	   The display face is SD Atletico, confirmed by metrics rather than by the
	   Figma label alone: at 100px, "בואו נדבר" renders 3.0406× its font-size
	   against Figma's 3.0429 and "בגאורגיה :)" 3.6187 against 3.6240 — inside
	   0.15% on both. Pompei Block FS Black is 26% wider on both, so it was
	   never the display face. See fonts.css. */
	--keshet-corp-font-body: "Pompei Block FS", system-ui, sans-serif;
	--keshet-corp-font-display: "SdAtletico", "Pompei Block FS", system-ui, sans-serif;

	/* === Font weights (mapped to shipped Pompei weights) === */
	--keshet-corp-fw-light: 300; /* Figma Extra-light — body/running text */
	--keshet-corp-fw-bold: 700;  /* Figma Medium — emphasis */
	--keshet-corp-fw-black: 900; /* display headings */

	/* === Type scale (fluid: mobile min → desktop = Figma px @1920) === */
	--keshet-corp-fs-display-xl: clamp(3.75rem, 13vw, 15.625rem); /* 60 → 250px */
	--keshet-corp-fs-display-lg: clamp(2.5rem, 6.7vw, 8rem);      /* 40 → 128px */
	--keshet-corp-fs-heading: clamp(1.75rem, 3.35vw, 4rem);       /* 28 → 64px  */
	--keshet-corp-fs-body: clamp(1rem, 1.25vw, 1.5rem);           /* 16 → 24px  */
	--keshet-corp-fs-small: clamp(0.875rem, 1.05vw, 1.25rem);     /* 14 → 20px  */
	--keshet-corp-fs-nav: 1.75rem;                                /* 28px — was 24; owner asked for a more legible menu (15.09.2026) */

	/* === Line heights === */
	--keshet-corp-lh-tight: 1.15;  /* headings + running body */
	--keshet-corp-lh-loose: 1.41;  /* small text */

	/* === Layout === */
	--keshet-corp-container: 1350px; /* matches Elementor container width */
	--keshet-corp-container-padding: clamp(1rem, 4vw, 7.5rem);
	--keshet-corp-section-gap: var(--keshet-space-section, 120px);

	/* === Radii === */
	--keshet-corp-radius-pill: 100px; /* CTA pills + circular buttons */
}