/* =========================================================
   FLEXYPE-WP  ·  Design Tokens
   Extracted 1:1 from the original Shopify theme
   (config/settings_data.json). Change once here → whole
   site updates. These are also exposed to Elementor.
   ========================================================= */
:root{
  /* Brand palette (deep wine + cream) */
  --fx-primary:#482e3d;          /* headings, borders, brand */
  --fx-primary-2:#684257;        /* hover / accent */
  --fx-cream:#faf7f4;            /* soft background / buttons */
  --fx-cream-2:#f0e9e4;          /* small buttons */
  --fx-ink:#0a0a0a;             /* body text */
  --fx-ink-soft:#444444;        /* muted text / links */
  --fx-border:#eeeeee;
  --fx-footer-top-bg:#faf7f4;
  --fx-footer-bottom-bg:#fafafa;

  /* Buttons */
  --fx-btn-bg:#faf7f4;
  --fx-btn-text:#482e3d;
  --fx-btn-bg-hover:#684257;
  --fx-btn-text-hover:#ffffff;

  /* Type families (Google fonts loaded in functions.php) */
  --ft1:"Arial",Helvetica,sans-serif;              /* body  (body_font) */
  --ft2:"Playfair Display",Georgia,serif;          /* heads (header_font) */
  --ft3:"Poppins",Arial,sans-serif;                /* accent (font3) */
  --fx-body-font:var(--ft1);
  --fx-head-font:var(--ft2);

  /* Type scale (settings_data.json) */
  --fx-body-size:14px;
  --fx-body-lh:1.6;
  --fx-h1:35px;
  --fx-h2:27px;
  --fx-h3:20px;
  --fx-h4:15px;
  --fx-head-lh:1.4;
  --fx-head-weight:600;
  --fx-head-letterspace:2px;

  /* Layout */
  --fx-page-width:1200px;
  --fx-gutter:20px;
}