{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "uhlive": {
    "$description": "uh!ive Design System, v2.4.0, source de vérité",
    "color": {
      "glacier": {
        "50": {
          "$value": "#eef9fb",
          "$type": "color"
        },
        "100": {
          "$value": "#ccecf1",
          "$type": "color"
        },
        "200": {
          "$value": "#b3e3eb",
          "$type": "color"
        },
        "300": {
          "$value": "#90d6e2",
          "$type": "color"
        },
        "400": {
          "$value": "#7acedc",
          "$type": "color"
        },
        "500": {
          "$value": "#59c2d3",
          "$type": "color"
        },
        "600": {
          "$value": "#51b1c0",
          "$type": "color"
        },
        "700": {
          "$value": "#3f8a96",
          "$type": "color"
        },
        "800": {
          "$value": "#316b74",
          "$type": "color"
        },
        "900": {
          "$value": "#255159",
          "$type": "color"
        }
      },
      "blueprint": {
        "50": {
          "$value": "#e8edef",
          "$type": "color"
        },
        "100": {
          "$value": "#b7c8cf",
          "$type": "color"
        },
        "200": {
          "$value": "#94adb7",
          "$type": "color"
        },
        "300": {
          "$value": "#638896",
          "$type": "color"
        },
        "400": {
          "$value": "#457182",
          "$type": "color"
        },
        "500": {
          "$value": "#164d63",
          "$type": "color"
        },
        "600": {
          "$value": "#14465a",
          "$type": "color"
        },
        "700": {
          "$value": "#103746",
          "$type": "color"
        },
        "800": {
          "$value": "#0c2a36",
          "$type": "color"
        },
        "900": {
          "$value": "#09202a",
          "$type": "color"
        }
      },
      "obsidian": {
        "50": {
          "$value": "#eaebed",
          "$type": "color"
        },
        "100": {
          "$value": "#bdc1c6",
          "$type": "color"
        },
        "200": {
          "$value": "#9da3aa",
          "$type": "color"
        },
        "300": {
          "$value": "#707983",
          "$type": "color"
        },
        "400": {
          "$value": "#545f6b",
          "$type": "color"
        },
        "500": {
          "$value": "#293746",
          "$type": "color"
        },
        "600": {
          "$value": "#253240",
          "$type": "color"
        },
        "700": {
          "$value": "#1d2732",
          "$type": "color"
        },
        "800": {
          "$value": "#171e27",
          "$type": "color"
        },
        "900": {
          "$value": "#11171d",
          "$type": "color"
        }
      },
      "premium": {
        "50": {
          "$value": "#f7f4fe",
          "$type": "color"
        },
        "100": {
          "$value": "#ede4fc",
          "$type": "color"
        },
        "200": {
          "$value": "#e3d4fa",
          "$type": "color"
        },
        "300": {
          "$value": "#d4c0f7",
          "$type": "color"
        },
        "400": {
          "$value": "#c9b4f5",
          "$type": "color"
        },
        "500": {
          "$value": "#bfa8f2",
          "$type": "color"
        },
        "600": {
          "$value": "#ae98da",
          "$type": "color"
        },
        "700": {
          "$value": "#8877aa",
          "$type": "color"
        },
        "800": {
          "$value": "#685c83",
          "$type": "color"
        },
        "900": {
          "$value": "#504665",
          "$type": "color"
        }
      },
      "success": {
        "50": {
          "$value": "#ecfdf6",
          "$type": "color"
        },
        "100": {
          "$value": "#c8f7e3",
          "$type": "color"
        },
        "200": {
          "$value": "#a8f2d1",
          "$type": "color"
        },
        "300": {
          "$value": "#7cecb8",
          "$type": "color"
        },
        "400": {
          "$value": "#67e2ac",
          "$type": "color"
        },
        "500": {
          "$value": "#52d8a0",
          "$type": "color"
        },
        "600": {
          "$value": "#4ac392",
          "$type": "color"
        },
        "700": {
          "$value": "#3a9872",
          "$type": "color"
        },
        "800": {
          "$value": "#2d7558",
          "$type": "color"
        },
        "900": {
          "$value": "#235a44",
          "$type": "color"
        }
      },
      "warning": {
        "50": {
          "$value": "#fdf2f3",
          "$type": "color"
        },
        "100": {
          "$value": "#f8d9dd",
          "$type": "color"
        },
        "200": {
          "$value": "#f4c4ca",
          "$type": "color"
        },
        "300": {
          "$value": "#efa6af",
          "$type": "color"
        },
        "400": {
          "$value": "#ea8d98",
          "$type": "color"
        },
        "500": {
          "$value": "#d94559",
          "$type": "color"
        },
        "600": {
          "$value": "#c63e51",
          "$type": "color"
        },
        "700": {
          "$value": "#9b3040",
          "$type": "color"
        },
        "800": {
          "$value": "#782531",
          "$type": "color"
        },
        "900": {
          "$value": "#5c1c26",
          "$type": "color"
        }
      },
      "attention": {
        "50": {
          "$value": "#fefcf0",
          "$type": "color"
        },
        "100": {
          "$value": "#fdf6d1",
          "$type": "color"
        },
        "200": {
          "$value": "#fcf0b6",
          "$type": "color"
        },
        "300": {
          "$value": "#fae690",
          "$type": "color"
        },
        "400": {
          "$value": "#f8df74",
          "$type": "color"
        },
        "500": {
          "$value": "#f5c858",
          "$type": "color"
        },
        "600": {
          "$value": "#dfb650",
          "$type": "color"
        },
        "700": {
          "$value": "#ad8e3e",
          "$type": "color"
        },
        "800": {
          "$value": "#876e30",
          "$type": "color"
        },
        "900": {
          "$value": "#685425",
          "$type": "color"
        }
      }
    },
    "semantic": {
      "bg": {
        "deep": {
          "$value": "#0e2a38",
          "$type": "color",
          "$description": "Fond principal body V5"
        },
        "surface": {
          "$value": "rgba(255,255,255,0.04)",
          "$type": "color",
          "$description": "Cards, containers V5"
        },
        "surfaceHover": {
          "$value": "rgba(255,255,255,0.08)",
          "$type": "color",
          "$description": "Hover state V5"
        }
      },
      "border": {
        "subtle": {
          "$value": "rgba(255,255,255,0.08)",
          "$type": "color"
        },
        "glacier": {
          "$value": "rgba(89,194,211,0.35)",
          "$type": "color"
        },
        "premium": {
          "$value": "rgba(191,168,242,0.35)",
          "$type": "color"
        },
        "success": {
          "$value": "rgba(82,216,160,0.35)",
          "$type": "color"
        },
        "attention": {
          "$value": "rgba(245,200,88,0.35)",
          "$type": "color"
        },
        "warning": {
          "$value": "rgba(217,69,89,0.35)",
          "$type": "color"
        }
      },
      "text": {
        "primary": {
          "$value": "#ffffff",
          "$type": "color",
          "$description": "Titres"
        },
        "body": {
          "$value": "#94adb7",
          "$type": "color",
          "$description": "Body texte V5"
        },
        "secondary": {
          "$value": "#638896",
          "$type": "color",
          "$description": "Captions"
        },
        "accent": {
          "$value": "#7acedc",
          "$type": "color",
          "$description": "Liens, labels"
        },
        "metric": {
          "$value": "#67e2ac",
          "$type": "color",
          "$description": "Chiffres clés"
        }
      },
      "section": {
        "paddingY": {
          "$value": "112px",
          "$type": "dimension",
          "$description": "Padding vertical d'une section de page, site V5 : deux sections consécutives se séparent de 224px. Sur la grille 4px (28 x 4) mais hors échelle space, décision du 27 août 2026 : 256px jugé trop lâche, 192px trop serré."
        },
        "paddingYMobile": {
          "$value": "80px",
          "$type": "dimension",
          "$description": "Même padding sous le breakpoint md (768px) : 160px entre deux sections."
        }
      },
      "ambiance": {
        "$description": "Ambiance de page par produit (guide 8.7). Teinte : shade 900 de la famille, dégradé vertical de 0 à 100 %, arrêts 0/22/55/88/100 % aux opacités 0/.35/.78/1/1. Voile : Blueprint 900 jusqu'à 55 % aux mêmes arrêts, absent sur blueprint. Halo au hero (50% 2%), deux nappes à 6% 40% et 94% 76%, dimensionnées en px. Nommage par famille de couleur, pas par produit.",
        "$extensions": {
          "uhlive.gradient": {
            "stops": [
              "0%",
              "22%",
              "55%",
              "88%",
              "100%"
            ],
            "opacities": [
              0,
              0.35,
              0.78,
              1,
              1
            ],
            "halo": "50% 2%",
            "sheets": [
              "6% 40%",
              "94% 76%"
            ]
          }
        },
        "veil": {
          "$value": "rgba(9,32,42,0.55)",
          "$type": "color",
          "$description": "Voile d'ombre, Blueprint 900 à 55 % maximum. Sans lui, Blueprint 200 passe sous AA sur la teinte."
        },
        "glacier": {
          "$description": "Page Speech-to-Text. Avec voile.",
          "hue": {
            "$value": "#255159",
            "$type": "color",
            "$description": "Glacier 900"
          },
          "halo": {
            "$value": "rgba(89,194,211,0.12)",
            "$type": "color"
          },
          "sheet": {
            "$value": "rgba(89,194,211,0.05)",
            "$type": "color"
          },
          "titleHalo": {
            "$value": "rgba(122,206,220,0.26)",
            "$type": "color",
            "$description": "text-shadow 0 0 70px du titre de hero, Glacier 400 à 26 %"
          }
        },
        "premium": {
          "$description": "Page PRX. Avec voile.",
          "hue": {
            "$value": "#504665",
            "$type": "color",
            "$description": "Premium 900"
          },
          "halo": {
            "$value": "rgba(191,168,242,0.13)",
            "$type": "color"
          },
          "sheet": {
            "$value": "rgba(191,168,242,0.055)",
            "$type": "color"
          },
          "titleHalo": {
            "$value": "rgba(201,180,245,0.26)",
            "$type": "color",
            "$description": "Premium 400 à 26 %"
          }
        },
        "success": {
          "$description": "Page Vocal Cookie. Avec voile.",
          "hue": {
            "$value": "#235a44",
            "$type": "color",
            "$description": "Success 900"
          },
          "halo": {
            "$value": "rgba(82,216,160,0.11)",
            "$type": "color"
          },
          "sheet": {
            "$value": "rgba(82,216,160,0.045)",
            "$type": "color"
          },
          "titleHalo": {
            "$value": "rgba(103,226,172,0.26)",
            "$type": "color",
            "$description": "Success 400 à 26 %"
          }
        },
        "blueprint": {
          "$description": "Page Expertise. Sans voile : la teinte assombrit d'elle-même. titleHalo non relevé.",
          "hue": {
            "$value": "#09202a",
            "$type": "color",
            "$description": "Blueprint 900"
          },
          "halo": {
            "$value": "rgba(89,194,211,0.10)",
            "$type": "color"
          },
          "sheet": {
            "$value": "rgba(89,194,211,0.04)",
            "$type": "color"
          }
        }
      }
    },
    "spacing": {
      "0": {
        "$value": "0",
        "$type": "dimension"
      },
      "1": {
        "$value": "4px",
        "$type": "dimension"
      },
      "2": {
        "$value": "8px",
        "$type": "dimension"
      },
      "3": {
        "$value": "12px",
        "$type": "dimension"
      },
      "4": {
        "$value": "16px",
        "$type": "dimension"
      },
      "5": {
        "$value": "24px",
        "$type": "dimension"
      },
      "6": {
        "$value": "32px",
        "$type": "dimension"
      },
      "7": {
        "$value": "48px",
        "$type": "dimension"
      },
      "8": {
        "$value": "64px",
        "$type": "dimension"
      },
      "9": {
        "$value": "96px",
        "$type": "dimension"
      },
      "10": {
        "$value": "128px",
        "$type": "dimension"
      }
    },
    "radius": {
      "none": {
        "$value": "0",
        "$type": "dimension"
      },
      "sm": {
        "$value": "4px",
        "$type": "dimension"
      },
      "md": {
        "$value": "6px",
        "$type": "dimension"
      },
      "lg": {
        "$value": "12px",
        "$type": "dimension"
      },
      "xl": {
        "$value": "16px",
        "$type": "dimension"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension"
      },
      "full": {
        "$value": "9999px",
        "$type": "dimension"
      }
    },
    "elevation": {
      "0": {
        "$value": "none",
        "$type": "shadow"
      },
      "1": {
        "$value": "0 1px 2px rgba(0,0,0,0.12)",
        "$type": "shadow"
      },
      "2": {
        "$value": "0 4px 12px rgba(0,0,0,0.18)",
        "$type": "shadow"
      },
      "3": {
        "$value": "0 8px 24px rgba(0,0,0,0.24)",
        "$type": "shadow"
      },
      "4": {
        "$value": "0 16px 48px rgba(0,0,0,0.32)",
        "$type": "shadow"
      }
    },
    "glow": {
      "glacier": {
        "$value": "0 4px 20px rgba(89,194,211,0.25)",
        "$type": "shadow"
      },
      "premium": {
        "$value": "0 4px 20px rgba(191,168,242,0.25)",
        "$type": "shadow"
      },
      "success": {
        "$value": "0 4px 20px rgba(82,216,160,0.25)",
        "$type": "shadow"
      },
      "attention": {
        "$value": "0 4px 20px rgba(245,200,88,0.25)",
        "$type": "shadow"
      },
      "warning": {
        "$value": "0 4px 20px rgba(217,69,89,0.25)",
        "$type": "shadow"
      },
      "strong": {
        "$description": "Cran renforcé à 35 %, mesuré sur les hovers de bouton (guide 7.6). Sous réserve d'arbitrage : soit ce cran est adopté, soit les boutons reviennent au glow standard à 25 %. Seules les familles mesurées sont présentes.",
        "glacier": {
          "$value": "0 4px 20px rgba(89,194,211,0.35)",
          "$type": "shadow"
        },
        "success": {
          "$value": "0 4px 20px rgba(82,216,160,0.35)",
          "$type": "shadow"
        }
      }
    },
    "breakpoint": {
      "sm": {
        "$value": "640px",
        "$type": "dimension"
      },
      "md": {
        "$value": "768px",
        "$type": "dimension"
      },
      "lg": {
        "$value": "1024px",
        "$type": "dimension"
      },
      "xl": {
        "$value": "1280px",
        "$type": "dimension"
      },
      "2xl": {
        "$value": "1536px",
        "$type": "dimension"
      }
    },
    "duration": {
      "instant": {
        "$value": "50ms",
        "$type": "duration"
      },
      "fast": {
        "$value": "150ms",
        "$type": "duration"
      },
      "base": {
        "$value": "250ms",
        "$type": "duration"
      },
      "slow": {
        "$value": "400ms",
        "$type": "duration"
      },
      "slower": {
        "$value": "600ms",
        "$type": "duration"
      }
    },
    "easing": {
      "linear": {
        "$value": "linear",
        "$type": "cubicBezier"
      },
      "out": {
        "$value": "cubic-bezier(0.16, 1, 0.3, 1)",
        "$type": "cubicBezier"
      },
      "in": {
        "$value": "cubic-bezier(0.7, 0, 0.84, 0)",
        "$type": "cubicBezier"
      },
      "inOut": {
        "$value": "cubic-bezier(0.65, 0, 0.35, 1)",
        "$type": "cubicBezier"
      },
      "spring": {
        "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)",
        "$type": "cubicBezier"
      }
    },
    "zIndex": {
      "base": {
        "$value": 0,
        "$type": "number"
      },
      "raised": {
        "$value": 10,
        "$type": "number"
      },
      "dropdown": {
        "$value": 100,
        "$type": "number"
      },
      "sticky": {
        "$value": 200,
        "$type": "number"
      },
      "fixed": {
        "$value": 300,
        "$type": "number"
      },
      "overlay": {
        "$value": 400,
        "$type": "number"
      },
      "modal": {
        "$value": 500,
        "$type": "number"
      },
      "popover": {
        "$value": 600,
        "$type": "number"
      },
      "toast": {
        "$value": 700,
        "$type": "number"
      },
      "tooltip": {
        "$value": 800,
        "$type": "number"
      },
      "max": {
        "$value": 9999,
        "$type": "number"
      }
    },
    "typography": {
      "fontFamily": {
        "sans": {
          "$value": "Inter, -apple-system, BlinkMacSystemFont, sans-serif",
          "$type": "fontFamily"
        },
        "brand": {
          "$value": "Montserrat, sans-serif",
          "$type": "fontFamily"
        },
        "mono": {
          "$value": "'JetBrains Mono', Menlo, monospace",
          "$type": "fontFamily"
        }
      },
      "fontSize": {
        "2xs": {
          "$value": "11px",
          "$type": "dimension"
        },
        "xs": {
          "$value": "13px",
          "$type": "dimension"
        },
        "sm": {
          "$value": "14px",
          "$type": "dimension"
        },
        "base": {
          "$value": "16px",
          "$type": "dimension"
        },
        "lg": {
          "$value": "18px",
          "$type": "dimension"
        },
        "h6": {
          "$value": "15px",
          "$type": "dimension"
        },
        "h5": {
          "$value": "18px",
          "$type": "dimension"
        },
        "h4": {
          "$value": "22px",
          "$type": "dimension"
        },
        "h3": {
          "$value": "28px",
          "$type": "dimension"
        },
        "h2": {
          "$value": "40px",
          "$type": "dimension"
        },
        "h1": {
          "$value": "56px",
          "$type": "dimension"
        },
        "display": {
          "$value": "72px",
          "$type": "dimension"
        }
      },
      "lineHeight": {
        "none": {
          "$value": 1,
          "$type": "number"
        },
        "tight": {
          "$value": 1.1,
          "$type": "number"
        },
        "snug": {
          "$value": 1.25,
          "$type": "number"
        },
        "normal": {
          "$value": 1.5,
          "$type": "number"
        },
        "relaxed": {
          "$value": 1.6,
          "$type": "number"
        },
        "loose": {
          "$value": 1.8,
          "$type": "number"
        }
      },
      "fontWeight": {
        "regular": {
          "$value": 400,
          "$type": "number"
        },
        "medium": {
          "$value": 500,
          "$type": "number"
        },
        "semibold": {
          "$value": 600,
          "$type": "number"
        },
        "bold": {
          "$value": 700,
          "$type": "number"
        },
        "extrabold": {
          "$value": 800,
          "$type": "number"
        }
      }
    },
    "icon": {
      "size": {
        "xs": {
          "$value": "12px",
          "$type": "dimension"
        },
        "sm": {
          "$value": "16px",
          "$type": "dimension"
        },
        "md": {
          "$value": "20px",
          "$type": "dimension"
        },
        "lg": {
          "$value": "24px",
          "$type": "dimension"
        },
        "xl": {
          "$value": "32px",
          "$type": "dimension"
        },
        "2xl": {
          "$value": "48px",
          "$type": "dimension"
        }
      },
      "stroke": {
        "default": {
          "$value": "1.5px",
          "$type": "dimension"
        }
      },
      "tile": {
        "$description": "Tuiles d'icône (guide 6.5). Fond : famille à 8 %, arbitrage rendu le 21 septembre 2026 ; Glacier par défaut. Menu : blanc 4 % + border subtle.",
        "section": {
          "$value": "80px",
          "$type": "dimension",
          "$description": "Radius full, icône 48px"
        },
        "card": {
          "$value": "80px",
          "$type": "dimension",
          "$description": "Radius lg, icône 48px"
        },
        "menu": {
          "$value": "44px",
          "$type": "dimension",
          "$description": "Radius lg, icône 24px"
        }
      }
    }
  }
}
