/* ===================================================== */
/* site/brand.css — THIS SITE'S BRAND (Syndesi)           */
/* ===================================================== */
/* The only styling that differs between our sites:        */
/* colours and background images. Every site has the same  */
/* variable names here; only the values change.            */
/* Everything else (css/globals.css and all other CSS) is  */
/* shared and identical on every site.                     */
/* Loaded right after css/globals.css on web pages and in  */
/* the printed / PDF brochure (post-print.php).            */
/* Moved here from globals.css / post_print.css 2026-09-30.*/
/* ===================================================== */
:root {
  /* Primary Brand */
  --color-primary: #528377; /* 2026-09-27: was #69a193, darkened 20% (lightness 52% -> 42%) per Anthony */
  --color-primary-dark: #3f6058;

  /* Secondary / Supporting Green */
  --color-secondary: #54453a;
  --color-secondary-light: #E8ECE7;

  /* Accent / Signature Gold */
  --color-accent: #756051;
  --color-accent-hover: #54453a;

  /* Highlight / Energy (Orange) */
  --color-highlight: #9f6b15; /* 2026-09-27: was #e6aa46, darkened 40% (lightness 59% -> 35%) per Anthony */

  /* Text */
  --color-text: #7a7a7a;
  --color-text-dark: #333;

  /* Backgrounds & Borders */
  --color-bg-light: #E0E0E0;
  --color-border-light: #e2e2e2;

  /* Links */
  --color-link: #2b678e;
  --color-link-alt: #95bdcc;

  /* Admonition / Special */
  --color-admonition-bg: rgba(228, 255, 188, 0.7);
  --color-admonition-border: #B6D7A8;

  /* ---- Added 2026-09-27: tokens needed by the shared shortcode/brochure
     CSS copied from WCBW (postContentShortcodes.css, post_print.css,
     admonitions.css). Aliases follow Syndesi's own palette above; the
     fixed hex values are WCBW's neutrals — adjust to taste. ---- */
  --color-brochure-block-bg: #f3f6fc;
  --color-admonition-surface: #f9f9f9;
  --color-white: #ffffff;
  --color-border: #dddddd;
  --color-border-input: #cccccc;
  --color-primary-hover: var(--color-primary-dark);

  --brochure-ink:        var(--color-text-dark);
  --brochure-olive:      var(--color-primary-dark);
  --brochure-olive-dark: #2a403b;
  --brochure-orange:     var(--color-highlight);
  --brochure-terracotta: var(--color-accent); /* Syndesi: was WCBW terracotta #A8532E */
  --brochure-sage-bg:    #F2F0E8;
  --brochure-cream:      #FBFAF6;
  --brochure-hairline:   #DDD6C8;

  /* ---- More colours used by the shared CSS (added 2026-09-30, when
     postContentShortcodes.css and post_print.css were made site-neutral:
     they now use only variables, never a colour of their own). ---- */
  --color-text-muted:   #666;     /* FAQ references list */
  --color-text-soft:    #6B6D65;  /* printed brochure copyright line */
  --color-dark-surface: #1c1c1c;  /* photo slider backdrop */
  --brochure-paper:     #f6f4ee;  /* teaser card "Learn more" bar */
  /* Same colours as R, G, B numbers, for see-through versions:
     rgba(var(--color-shadow-rgb), 0.1) */
  --color-shadow-rgb:   0, 0, 0;        /* shadows and dark overlays */
  --color-white-rgb:    255, 255, 255;  /* see-through white */
  --brochure-cream-rgb: 251, 250, 246;  /* see-through --brochure-cream */
  --color-primary-rgb:   82, 131, 119;  /* = --color-primary; keep in step */
  --color-highlight-rgb: 159, 107, 21;  /* = --color-highlight; keep in step */

  /* ---- Background images ---- */
  /* Printed / PDF brochure page background (post_print.css #brochure-background).
     post-print.php reads this line to check whether the image is landscape. */
  --brochure-bg-image: url('/wp-content/uploads/2026/09/syndesi-brochure-background-ultimate-source.jpg'); /* was 'syndesi brochure background rev 3.jpg' */
}