/* ============================================================
   Future Energy Venture — Shared Brand Tokens
   Single source of truth for the marketing site (Hostinger)
   and the Power Configurator (Emergent). Import this file, or
   copy these variables, on both so the brand stays identical.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  /* — Brand palette — */
  --fev-green:        #1A6F2B;  /* primary — buttons, links, key accents      */
  --fev-green-dark:   #145621;  /* hover / active on primary                  */
  --fev-green-bright: #65B037;  /* accent, highlights, success, icon fills    */
  --fev-green-tint:   #EDF4EA;  /* light background wash                      */
  --fev-ink:          #16211D;  /* charcoal — headings                        */
  --fev-body:         #33403B;  /* body text                                 */
  --fev-muted:        #6E7A74;  /* secondary / supporting text               */
  --fev-line:         #E2E7E2;  /* hairline borders                          */
  --fev-paper:        #F5F7F4;  /* alt section background                     */
  --fev-white:        #FFFFFF;
  --fev-spark:        #F6611C;  /* orange — the spark accent, used sparingly  */
  --fev-spark-light:  #FCA824;  /* amber — optional lighter spark             */

  /* — Semantic roles (use these in components) — */
  --color-primary:       var(--fev-green);
  --color-primary-hover: var(--fev-green-dark);
  --color-accent:        var(--fev-spark);
  --text-heading:        var(--fev-ink);
  --text-body:           var(--fev-body);
  --text-muted:          var(--fev-muted);
  --bg-page:             var(--fev-white);
  --bg-alt:              var(--fev-paper);
  --border-color:        var(--fev-line);
  --link:                var(--fev-green);
  --link-hover:          var(--fev-green-dark);
  --success:             var(--fev-green-bright);

  /* — Typography — */
  --font-heading:'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* — Shape & layout — */
  --radius:10px;
  --radius-lg:16px;
  --maxw:1120px;
}