/*
Theme Name:   additvalue Child
Theme URI:    https://additvalue.biz
Description:  Shared Divi 5 child theme for Wubble and Enable sister sites. One theme, two brand instances — each site sets its own Global Colors and active logos via the Divi UI and site-local config. Visual design language is shared (Hussar Bold wordmarks, Fraunces display, Inter body, JetBrains Mono technical), brand colors are not.
Author:       additvalue SRL
Author URI:   https://additvalue.biz
Template:     Divi
Version:      0.1.0
License:      Proprietary — additvalue SRL
Text Domain:  additvalue-child
*/

/* =============================================================
   CSS CUSTOM PROPERTIES — brand tokens
   These mirror Divi's Global Colors but are always available for
   custom CSS. They are not a substitute for configuring Divi's
   Global Colors in the UI — both should be set.

   WUBBLE palette (site: wubble.local / wubble.*)
   ENABLE palette (site: enable.local / enable.*)
   SHARED neutrals (both sites)

   A site identifies itself via <body class="site-wubble">
   or <body class="site-enable">. See functions.php site detection.
   ============================================================= */

:root {
  /* Shared neutrals (both sites) */
  --av-text: #1F2937;
  --av-text-2: #6B7280;
  --av-border: #E5E7EB;
  --av-bg: #F9FAFB;
  --av-white: #FFFFFF;

  /* Wubble palette */
  --wb-slate: #445577;
  --wb-slate-dark: #334155;
  --wb-blue: #1F4ED8;
  --wb-blue-dark: #163A9F;
  --wb-blue-soft: #E8EEFF;
  --wb-gold: #C9A227;

  /* Enable palette */
  --en-terra: #C25E2C;
  --en-terra-dark: #8F3D15;
  --en-cream: #FBE8D5;
  --en-sage: #6B8E4E;
  --en-plum: #7B4A6E;

  /* Semantic aliases — overridden per site below */
  --brand-primary: var(--wb-slate);
  --brand-primary-dark: var(--wb-slate-dark);
  --brand-cta: var(--wb-blue);
  --brand-cta-dark: var(--wb-blue-dark);
  --brand-soft: var(--wb-blue-soft);
  --brand-accent: var(--wb-gold);
  --brand-sibling: var(--en-terra);

  /* Typography */
  --font-wordmark: "Hussar Bold", "Hussar", sans-serif;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;
}

/* Enable site overrides — applied when body has .site-enable */
body.site-enable {
  --brand-primary: var(--en-terra);
  --brand-primary-dark: var(--en-terra-dark);
  --brand-cta: var(--en-terra);
  --brand-cta-dark: var(--en-terra-dark);
  --brand-soft: var(--en-cream);
  --brand-accent: var(--en-plum); /* or en-sage depending on context */
  --brand-sibling: var(--wb-slate);
}

/* =============================================================
   HUSSAR BOLD — wordmark font
   Used ONLY for the Wubble / Enable wordmarks.
   NEVER use for body text, headings, or UI — per V3 §4.2.
   Place hussarbd-web.woff2 in /assets/fonts/ before go-live.
   ============================================================= */
@font-face {
  font-family: "Hussar Bold";
  src: url("assets/fonts/hussarbd-web.woff2") format("woff2"),
       url("assets/fonts/hussarbd-web.woff") format("woff"),
       url("assets/fonts/hussarbd-web.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.wordmark,
.site-title .wordmark {
  font-family: var(--font-wordmark);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

/* =============================================================
   BASE — light touch, Divi handles most of this
   ============================================================= */
body {
  font-family: var(--font-body);
  color: var(--av-text);
  background: var(--av-bg);
  -webkit-font-smoothing: antialiased;
}

/* Technical labels (EP/ED/EV/ET two-letter codes per V3 §4.4) */
.tech-label,
code,
kbd {
  font-family: var(--font-mono);
  font-size: 0.875em;
}

/* Display headings — Fraunces */
h1.display,
h2.display,
.heading-display {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.1;
}
