/* Villas Campestre Mediterráneo — brand token sheet.
 * =====================================================================
 * The ONLY brand coupling on the page. The premium base template
 * (base.css) references nothing but --ctx-* variables, so this file
 * re-skins the whole site. Palette discipline is the point: a warm
 * Mykonos-white canvas, deep Mediterranean navy ink, and ONE confident
 * Aegean-blue accent that does all the work — with a single restrained
 * terracotta note (the roof-tile warmth in the sketches).
 *
 * Scope class: .brand-villas (mirrors the token generator's `.brand-<slug>`).
 * =================================================================== */
.brand-villas {
  /* --- raw palette ------------------------------------------------- */
  --villas-white:      #F8F5EF;  /* warm Mykonos white — page canvas   */
  --villas-surface:    #FFFFFF;  /* clean white — raised cards/frames  */
  --villas-ink:        #0F3049;  /* deep Mediterranean navy — text     */
  --villas-muted:      #5B7183;  /* muted slate-blue — secondary text  */
  --villas-blue:       #1567A6;  /* Aegean blue — THE accent           */
  --villas-terracotta: #C1663B;  /* single warm note — used sparingly  */

  /* --- fonts (vendored variable WOFF2, see assets/fonts/fonts.css) -- */
  --ctx-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --ctx-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* --- semantic slots the base template consumes ------------------- */
  --ctx-color-background: var(--villas-white);
  --ctx-color-surface: var(--villas-surface);
  --ctx-color-primary-text: var(--villas-ink);
  --ctx-color-muted-text: var(--villas-muted);
  --ctx-color-brand-accent: var(--villas-blue);

  /* --- photo treatment: sketches are light ink+watercolour on white.
   *     Keep the grade WHISPER-LIGHT so the drawings stay crisp (the
   *     dark-theme default darkened/tinted them into mud). ------------ */
  --ck-photo-filter: saturate(1.03) contrast(1.02);
  --ck-photo-tint: color-mix(in srgb, var(--villas-blue) 6%, transparent);

  /* --- signature motif (motion/signature.css): Villas' repeated mark is a
   *     Mediterranean azulejo TILE (a diamond ring), painted in the Aegean-blue
   *     accent via mask. Placed in the section divider + the CTA corner. ---- */
  --ctx-motif-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1 L23 12 L12 23 L1 12 Z M12 6 L18 12 L12 18 L6 12 Z' fill='%23000'/%3E%3C/svg%3E");
}

/* --- OKLCH wide-gamut opt-in (taste inventory B3) --------------------------- *
 * The same Mediterranean palette re-declared in OKLCH for capable displays
 * (wider gamut, perceptually-even ramps). The sRGB hex above stays the fallback,
 * so any browser without OKLCH keeps it — color is never lost. Values are the
 * EXACT equivalents of the hex (sRGB->OKLab->OKLCH); re-run
 * `npm run creytix:design:contrast` if the accent chroma is ever pushed. */
@supports (color: oklch(50% 0.1 250)) {
  .brand-villas {
    --villas-white:      oklch(97.1% 0.0086 84.6);
    --villas-surface:    oklch(100% 0 0);
    --villas-ink:        oklch(29.9% 0.0593 244.7);
    --villas-muted:      oklch(53.8% 0.0385 243.2);
    --villas-blue:       oklch(50.1% 0.1244 247.8);
    --villas-terracotta: oklch(60.8% 0.1297 44.7);
  }
}