{
  "colors": {
    "default": {
      "theme_color": {
        "primary": "#121212",
        "body": "#fff",
        "border": "#eaeaea",
        "theme_light": "#f6f6f6",
        "theme_dark": ""
      },
      "text_color": {
        "default": "#444444",
        "dark": "#040404",
        "light": "#717171"
      }
    },
    "darkmode": {                   // mode sombre
      "theme_color": {              //
        "primary": "magenta",       // bouton primaire: bg et border
        "body": "green",            // bg du dropdown
        "border": "orange",         // border ou ligne (border-darkmode-border)
        "theme_light": "cyan",      // bg du footer, bg du form select (bg-darkmode-theme-light)
        "theme_dark": "yellow"      //
      },
      "text_color": {
        "default": "#B4AFB6",
        "dark": "#fff",
        "light": "#B4AFB6"
      }
    }
  },
  "fonts": {
    "font_family": {
      "primary": "OpenSans:wght@300;400;500;600;700;800", // voir essentials/style.html
      "primary_type": "sans-serif"
    },
    "font_size": {
      "base": "15",
      "scale": "1.25"               // taille du h1 dans le hero (grossit très vite)
    }
  }
}



<svg class="curve" preserveAspectRatio="none" viewBox="0 0 1440 96" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="m0 96 80-5.3C160 85 320 75 480 64s320-21 480-21.3c160 .3 320 10.3 400 16l80 5.3V0H0v96Z"></path>
</svg>