/* ============================================================
   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;
}

/* ── Fortune Seven Sarjapur - cobalt/indigo accent ───────────
   Same editorial layout/type system as sobha-editorial; only the
   accent color and its derived line/rgb values change. --gold is
   kept as the property name across every theme (it means "the
   accent," not literally gold) so no component CSS needs to change
   to add a project with a different brand color. */
[data-theme="seven-sarjapur-indigo"] {
  --ink:    #12120f;
  --paper:  #f3f0e9;
  --warm:   #dcdfe6;
  --gold:   #2E4A8F;
  --gold-rgb: 46,74,143;
  --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;
}

/* ── Sobha Ayana - tropical sage/forest green ────────────────
   Sourced from the Sobha Ayana brochure's own palette (deep forest
   green covers, sage headline accents, warm sand body copy) rather
   than invented - same editorial layout/type system, only the
   accent color changes. --gold is kept as the property name across
   every theme (it means "the accent," not literally gold). */
[data-theme="sobha-ayana-sage"] {
  --ink:    #12120f;
  --paper:  #f3f0e9;
  --warm:   #dde3d6;
  --gold:   #5c7554;
  --gold-rgb: 92,117,84;
  --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;
}

/* ── Purva Heritage - plum/copper (Puravankara brand) ────────
   Sourced from the Purva Heritage brochure's own palette: a deep
   plum/burgundy cover treatment throughout every page, paired with
   the tower's own copper/terracotta vertical facade fins seen in the
   hero render - same editorial layout/type system, only the accent
   color changes. --gold is kept as the property name across every
   theme (it means "the accent," not literally gold). */
[data-theme="purva-heritage-plum"] {
  --ink:    #1a1114;   /* primary text / dark section backgrounds - near-plum black */
  --paper:  #f4ede9;   /* light section background (warm blush-white) */
  --warm:   #e8dcd5;   /* secondary warm surface */
  --gold:   #a8542f;   /* accent - copper/terracotta, from the tower's facade fins */
  --gold-rgb: 168,84,47;
  --line:   rgba(26,17,20,.16);
  --white:  #faf8f6;
  --muted:  #7a6e6a;

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

  --container-width: 1240px;
}