/*
 * Frieden wagen .net — design tokens (single source of truth).
 *
 * Canonical brand values = the "Logo cluster" (Corporate Design/Logo/logo-farbig.svg),
 * adopted in ADR 0005 after the letterhead SVG, the old token values, and the live
 * Elementor Kit (id 36) were found to disagree on every brand color. All four
 * consumers now reconcile to the values below:
 *   - frontend CSS          → reads --fw-* directly (this file is enqueued first)
 *   - Gutenberg theme.json  → references --fw-* via var() (single source preserved)
 *   - Gutenberg editor iframe→ this file is loaded via add_editor_style()
 *   - Elementor Kit (id 36) → MANUAL sync island: hex entered by hand in wp-admin.
 *     When a value here changes, update the Kit to match (see ADR 0005).
 *
 * NB: headings are SANS (Source Sans 3) and body is SERIF (Source Serif 4) — this
 * matches the live homepage. Do not "fix" it back to serif headings.
 */

:root {
  /* Brand palette (Logo cluster — canonical) */
  --fw-color-primary:   #783594; /* brand purple  (logo) */
  --fw-color-secondary: #5C2872; /* darker purple — derived, for dark sections / depth */
  --fw-color-accent:    #F6D06A; /* brand yellow  (logo) */

  /* Neutrals */
  --fw-color-text:      #27292B; /* near-black (live Kit text color) */
  --fw-color-muted:     #555555;
  --fw-color-bg:        #FFFFFF;
  --fw-color-bg-tint:   #F4F0F8; /* ~5% tint of primary, section backgrounds */
  --fw-color-border:    #E5DEEC;

  /* Type families — headings SANS, body SERIF (matches homepage Kit) */
  --fw-font-body:       'Source Serif 4', Georgia, 'Times New Roman', serif;
  --fw-font-heading:    'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Body type scale (named sizes exposed in the editor) */
  --fw-text-sm:   0.875rem; /* Small  */
  --fw-text-base: 1rem;     /* Normal (default) */
  --fw-text-lg:   1.25rem;  /* Large  */
  --fw-text-xl:   1.5rem;   /* X-Large */

  /* Spacing scale (8-pt grid) */
  --fw-space-1: 0.25rem;  /*  4px */
  --fw-space-2: 0.5rem;   /*  8px */
  --fw-space-3: 1rem;     /* 16px */
  --fw-space-4: 1.5rem;   /* 24px */
  --fw-space-5: 2rem;     /* 32px */
  --fw-space-6: 3rem;     /* 48px */
  --fw-space-7: 4rem;     /* 64px */

  /* Content widths (match parent Hello Elementor: 800 reading measure / 1200 wide) */
  --fw-content: 800px;
  --fw-wide:    1200px;

  /* Border radius */
  --fw-radius-sm: 4px;
  --fw-radius-md: 8px;
  --fw-radius-lg: 16px;
}