/* ============================================================
   theme.css — Reusable Landing Page Template (editorial-premium)
   ------------------------------------------------------------
   Design tokens ONLY. style.css consumes these vars; it never
   hardcodes a colour or font directly. To reskin this template
   for a different project/builder, add a new [data-theme="..."]
   block here — nothing in index.html, render.js, or style.css
   needs to change.

   Activation: <html data-theme="sobha-editorial"> — set at
   runtime by index.html's inline theme-attribute script, driven
   by CONFIG.THEME (defaults to 'sobha-editorial' if unset).
   ============================================================ */

[data-theme="sobha-editorial"] {
  --ink:    #12120f;   /* primary text / dark section backgrounds */
  --paper:  #f3f0e9;   /* light section background (warm off-white) */
  --warm:   #ded8ca;   /* secondary warm surface */
  --gold:   #b69a61;   /* accent — eyebrows, CTAs, dividers */
  --gold-rgb: 182,154,97;
  --line:   rgba(18,18,15,.16);
  --white:  #faf9f5;
  --muted:  #77746c;

  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans:  'DM Sans', Arial, sans-serif;
  --font-wide:  'Manrope', Arial, sans-serif;

  --container-width: 1240px;
}