{
  "$description": "Design tokens OWAN relevés sur https://onboarding.owan.fr (owan.css + pages du funnel), 26/09/2026. Format W3C Design Tokens (DTCG), dimensions en chaînes CSS. Rien n'est inventé : ce qui manque est « à définir ».",
  "color": {
    "base": {
      "dark": {
        "$value": "#0E1322",
        "$type": "color",
        "$description": "Encre. :root --dark (identique à --ink).",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-dark",
            "value": "#0E1322"
          }
        }
      },
      "accent": {
        "$value": "#542DF3",
        "$type": "color",
        "$description": "Primaire : bouton, focus, liens d'action. :root --accent.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-accent",
            "value": "#542DF3"
          }
        }
      },
      "success": {
        "$value": "#9AD567",
        "$type": "color",
        "$description": "Succès. Jamais utilisé plein : seulement en teintes (rgba). :root --success.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success",
            "value": "#9AD567"
          }
        }
      },
      "warning": {
        "$value": "#FFC05F",
        "$type": "color",
        "$description": "Alerte. Jamais utilisé plein : seulement en teintes (rgba). :root --warning.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-warning",
            "value": "#FFC05F"
          }
        }
      },
      "danger": {
        "$value": "#F86251",
        "$type": "color",
        "$description": "Erreur : bordure des champs en erreur. :root --danger.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-danger",
            "value": "#F86251"
          }
        }
      }
    },
    "derived": {
      "ink": {
        "$value": "#0E1322",
        "$type": "color",
        "$description": "Texte principal. :root --ink.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ink",
            "value": "#0E1322"
          }
        }
      },
      "muted": {
        "$value": "#0E13228F",
        "$type": "color",
        "$description": "Texte secondaire : libellés, sous-titres. Rendu #787B83 sur blanc. :root --muted.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-muted",
            "value": "rgba(14,19,34,.56)"
          }
        }
      },
      "muted-2": {
        "$value": "#0E13226B",
        "$type": "color",
        "$description": "Texte tertiaire : notes, icônes, libellé flottant. Rendu #9A9CA2 sur blanc. :root --muted-2.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-muted-2",
            "value": "rgba(14,19,34,.42)"
          }
        }
      },
      "line": {
        "$value": "#0E13220F",
        "$type": "color",
        "$description": "Bordure des champs au repos. :root --line.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line",
            "value": "rgba(14,19,34,.06)"
          }
        }
      },
      "focus": {
        "$value": "#542DF34C",
        "$type": "color",
        "$description": "Bordure au focus (recherche pays). :root --focus.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-focus",
            "value": "rgba(84,45,243,.30)"
          }
        }
      },
      "focus-ring": {
        "$value": "#542DF31F",
        "$type": "color",
        "$description": "Anneau de focus des champs. :root --focus-ring.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-focus-ring",
            "value": "rgba(84,45,243,.12)"
          }
        }
      },
      "card": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Fond des cartes. :root --card.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-card",
            "value": "#FFFFFF"
          }
        }
      },
      "unipro": {
        "$value": "#F5F7FB",
        "$type": "color",
        "$description": "Fond de l'encart Unipro. :root --unipro.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-unipro",
            "value": "#F5F7FB"
          }
        }
      }
    },
    "surface": {
      "bg-top": {
        "$value": "#EFF2F8",
        "$type": "color",
        "$description": "Haut du fond de page (dégradé vers blanc). body.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-bg-top",
            "value": "#EFF2F8"
          }
        }
      },
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Blanc : bas du fond, champs, puces, listes. body, .field input, .puce.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-white",
            "value": "#FFFFFF"
          }
        }
      },
      "ghost-hover": {
        "$value": "#FAF9FF",
        "$type": "color",
        "$description": "Fond du bouton secondaire au survol. .cta-ghost:hover.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ghost-hover",
            "value": "#FAF9FF"
          }
        }
      }
    },
    "action": {
      "cta-top": {
        "$value": "#6B47F7",
        "$type": "color",
        "$description": "Haut du dégradé du bouton principal. .cta.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-cta-top",
            "value": "#6B47F7"
          }
        }
      },
      "cta-bottom": {
        "$value": "#4A27DC",
        "$type": "color",
        "$description": "Bas du dégradé du bouton principal. .cta.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-cta-bottom",
            "value": "#4A27DC"
          }
        }
      }
    },
    "state": {
      "success-ink": {
        "$value": "#4D7A27",
        "$type": "color",
        "$description": "Texte vert : badge sécurité, badge par défaut, case verte. .secure, .tpl-badge, .t-vert.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-ink",
            "value": "#4D7A27"
          }
        }
      },
      "success-icon": {
        "$value": "#6AAB36",
        "$type": "color",
        "$description": "Icône verte : bouclier, cercle de validation. .secure svg, .check-ring circle, .t-vert.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-icon",
            "value": "#6AAB36"
          }
        }
      },
      "success-strong": {
        "$value": "#5D9A32",
        "$type": "color",
        "$description": "Coche de validation, bouton « ✓ Enregistré ». .check-trait, .tpl-save.saved.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-strong",
            "value": "#5D9A32"
          }
        }
      },
      "danger-ink": {
        "$value": "#C23B2D",
        "$type": "color",
        "$description": "Texte des messages d'erreur. .erreur-box.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-danger-ink",
            "value": "#C23B2D"
          }
        }
      },
      "warning-ink": {
        "$value": "#8A6212",
        "$type": "color",
        "$description": "Texte ambre : badge SMS, pastille ambre. .tpl-badge.sms, .t-ambre.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-warning-ink",
            "value": "#8A6212"
          }
        }
      },
      "warning-icon": {
        "$value": "#C8891A",
        "$type": "color",
        "$description": "Icône ambre (page /paiements). .t-ambre --teinte.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-warning-icon",
            "value": "#C8891A"
          }
        }
      },
      "social-ink": {
        "$value": "#BE185D",
        "$type": "color",
        "$description": "Texte du badge « Réseaux ». .tpl-badge.social.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-social-ink",
            "value": "#BE185D"
          }
        }
      }
    },
    "third-party": {
      "telegram": {
        "$value": "#229ED9",
        "$type": "color",
        "$description": "Avion Telegram de l'étape 6 (couleur de Telegram, pas d'OWAN).",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-telegram",
            "value": "#229ED9"
          }
        }
      }
    },
    "tint": {
      "success-tile-from": {
        "$value": "#9AD56747",
        "$type": "color",
        "$description": "Tuile d'icône, début du dégradé. .icone.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-tile-from",
            "value": "rgba(154,213,103,.28)"
          }
        }
      },
      "success-tile-to": {
        "$value": "#9AD5671F",
        "$type": "color",
        "$description": "Tuile d'icône, fin du dégradé. .icone.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-tile-to",
            "value": "rgba(154,213,103,.12)"
          }
        }
      },
      "success": {
        "$value": "#9AD56729",
        "$type": "color",
        "$description": "Fond du badge sécurité et de la case verte. .secure, .t-vert --fond.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-tint",
            "value": "rgba(154,213,103,.16)"
          }
        }
      },
      "success-badge": {
        "$value": "#9AD5672E",
        "$type": "color",
        "$description": "Fond du badge de catégorie par défaut. .tpl-badge.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-badge",
            "value": "rgba(154,213,103,.18)"
          }
        }
      },
      "success-tile-border": {
        "$value": "#9AD5675E",
        "$type": "color",
        "$description": "Bordure de la tuile d'icône. .icone.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-tile-border",
            "value": "rgba(154,213,103,.37)"
          }
        }
      },
      "success-line": {
        "$value": "#9AD56773",
        "$type": "color",
        "$description": "Bordure de la case verte. .t-vert --trait.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-success-line",
            "value": "rgba(154,213,103,.45)"
          }
        }
      },
      "danger": {
        "$value": "#F862511A",
        "$type": "color",
        "$description": "Fond d'erreur et halo du champ en erreur. .erreur-box, .field input.err.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-danger-tint",
            "value": "rgba(248,98,81,.10)"
          }
        }
      },
      "danger-line": {
        "$value": "#F862514C",
        "$type": "color",
        "$description": "Bordure du message d'erreur. .erreur-box.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-danger-line",
            "value": "rgba(248,98,81,.30)"
          }
        }
      },
      "warning": {
        "$value": "#FFC05F2E",
        "$type": "color",
        "$description": "Fond du badge SMS et de la pastille ambre. .tpl-badge.sms, .t-ambre --fond.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-warning-tint",
            "value": "rgba(255,192,95,.18)"
          }
        }
      },
      "warning-line": {
        "$value": "#FFC05F8C",
        "$type": "color",
        "$description": "Bordure ambre. .t-ambre --trait.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-warning-line",
            "value": "rgba(255,192,95,.55)"
          }
        }
      },
      "accent-07": {
        "$value": "#542DF312",
        "$type": "color",
        "$description": "Fond de la case bleue et de la pastille cochée. .t-bleu --fond, .puce.on.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-accent-07",
            "value": "rgba(84,45,243,.07)"
          }
        }
      },
      "accent-08": {
        "$value": "#542DF314",
        "$type": "color",
        "$description": "Surlignage de liste, fond des variables. .iti__highlight, .banque-liste li:hover, .tpl-vars code.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-accent-08",
            "value": "rgba(84,45,243,.08)"
          }
        }
      },
      "accent-10": {
        "$value": "#542DF31A",
        "$type": "color",
        "$description": "Fond du badge « Email ». .tpl-badge.email.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-accent-10",
            "value": "rgba(84,45,243,.1)"
          }
        }
      },
      "accent-22": {
        "$value": "#542DF338",
        "$type": "color",
        "$description": "Bordure du bouton secondaire. .cta-ghost.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-accent-22",
            "value": "rgba(84,45,243,.22)"
          }
        }
      },
      "accent-24": {
        "$value": "#542DF33D",
        "$type": "color",
        "$description": "Bordure de pastille au survol. .puce:hover.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-accent-24",
            "value": "rgba(84,45,243,.24)"
          }
        }
      },
      "accent-28": {
        "$value": "#542DF347",
        "$type": "color",
        "$description": "Bordure de la case bleue. .t-bleu --trait.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-accent-28",
            "value": "rgba(84,45,243,.28)"
          }
        }
      },
      "social": {
        "$value": "#DB27771F",
        "$type": "color",
        "$description": "Fond du badge « Réseaux ». .tpl-badge.social.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-social-tint",
            "value": "rgba(219,39,119,.12)"
          }
        }
      },
      "ink-035": {
        "$value": "#0E132209",
        "$type": "color",
        "$description": "Fond d'une case verrouillée sans teinte. .verrou.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ink-035",
            "value": "rgba(14,19,34,.035)"
          }
        }
      },
      "ink-045": {
        "$value": "#0E13220B",
        "$type": "color",
        "$description": "Fond de la pastille « Étape 1 / 6 ». .step-pill.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ink-045",
            "value": "rgba(14,19,34,.045)"
          }
        }
      },
      "ink-05": {
        "$value": "#0E13220D",
        "$type": "color",
        "$description": "Fond du bouton œil au survol. .eye:hover.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ink-05",
            "value": "rgba(14,19,34,.05)"
          }
        }
      },
      "ink-18": {
        "$value": "#0E13222E",
        "$type": "color",
        "$description": "Trait de progression inactif. .bar.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ink-18",
            "value": "rgba(14,19,34,.18)"
          }
        }
      },
      "white-90": {
        "$value": "#FFFFFFE6",
        "$type": "color",
        "$description": "Reflet : liseré haut de carte, éclat du trait courant. .card, .bar.current::after.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-white-90",
            "value": "rgba(255,255,255,.9)"
          }
        }
      }
    }
  },
  "gradient": {
    "signature": {
      "$value": [
        {
          "color": "#8978F9",
          "position": 0.0
        },
        {
          "color": "#8282FC",
          "position": 0.08
        },
        {
          "color": "#838AF9",
          "position": 0.16
        },
        {
          "color": "#8B93FA",
          "position": 0.25
        },
        {
          "color": "#AE7EF9",
          "position": 0.33
        },
        {
          "color": "#CD69F5",
          "position": 0.42
        },
        {
          "color": "#D264F6",
          "position": 0.5
        },
        {
          "color": "#F87C42",
          "position": 0.58
        },
        {
          "color": "#F88B45",
          "position": 0.66
        },
        {
          "color": "#F99C4E",
          "position": 0.75
        },
        {
          "color": "#FBB05C",
          "position": 0.83
        },
        {
          "color": "#FCC16C",
          "position": 0.92
        },
        {
          "color": "#FFDDA4",
          "position": 1.0
        }
      ],
      "$type": "gradient",
      "$description": "Mot en dégradé des titres (.grad), « répliqué depuis Gradient-square.webp, sans grain ». Angle 45deg qui tourne de 360° en 18 s.",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-grad-signature",
          "value": "linear-gradient(var(--owan-grad-angle, 45deg), #8978F9 0%, #8282FC 8%, #838AF9 16%, #8B93FA 25%, #AE7EF9 33%, #CD69F5 42%, #D264F6 50%, #F87C42 58%, #F88B45 66%, #F99C4E 75%, #FBB05C 83%, #FCC16C 92%, #FFDDA4 100%)"
        }
      }
    },
    "cta": {
      "$value": [
        {
          "color": "#6B47F7",
          "position": 0.0
        },
        {
          "color": "#542DF3",
          "position": 0.52
        },
        {
          "color": "#4A27DC",
          "position": 1.0
        }
      ],
      "$type": "gradient",
      "$description": "Bouton principal. .cta.",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-grad-cta",
          "value": "linear-gradient(180deg, #6B47F7 0%, #542DF3 52%, #4A27DC 100%)"
        }
      }
    },
    "page": {
      "$value": [
        {
          "color": "#EFF2F8",
          "position": 0.0
        },
        {
          "color": "#FFFFFF",
          "position": 0.58
        }
      ],
      "$type": "gradient",
      "$description": "Fond de page, attaché à la fenêtre. body.",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-grad-page",
          "value": "linear-gradient(180deg, #EFF2F8 0%, #FFFFFF 58%)"
        }
      }
    },
    "tile": {
      "$value": [
        {
          "color": "#9AD56747",
          "position": 0.0
        },
        {
          "color": "#9AD5671F",
          "position": 1.0
        }
      ],
      "$type": "gradient",
      "$description": "Tuile d'icône verte. .icone.",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-grad-tile",
          "value": "linear-gradient(160deg, rgba(154,213,103,.28), rgba(154,213,103,.12))"
        }
      }
    }
  },
  "font": {
    "family": {
      "$value": [
        "Rethink Sans",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "sans-serif"
      ],
      "$type": "fontFamily",
      "$description": "Google Fonts, variable 400 à 800 + italique 500. :root --font.",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-font",
          "value": "'Rethink Sans', system-ui, -apple-system, Segoe UI, sans-serif"
        }
      }
    },
    "weight": {
      "regular": {
        "$value": 400,
        "$type": "fontWeight",
        "$description": "Titres, libellés, nom d'étape.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-weight-regular",
            "value": "400"
          }
        }
      },
      "medium": {
        "$value": 500,
        "$type": "fontWeight",
        "$description": "Saisie, boutons, badges, messages.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-weight-medium",
            "value": "500"
          }
        }
      },
      "semibold": {
        "$value": 600,
        "$type": "fontWeight",
        "$description": "Titre d'un message type, bouton Enregistrer, mot en gras du sous-titre.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-weight-semibold",
            "value": "600"
          }
        }
      },
      "bold": {
        "$value": 700,
        "$type": "fontWeight",
        "$description": "Numéro d'étape, titres de section en capitales, badges 10 px.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-weight-bold",
            "value": "700"
          }
        }
      },
      "extrabold": {
        "$value": 800,
        "$type": "fontWeight",
        "$description": "Importée par la feuille de style, utilisée nulle part.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-weight-extrabold",
            "value": "800"
          }
        }
      }
    },
    "size": {
      "24": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Titre d'accueil, titre de remerciement. .hero h1, .merci h2.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-24",
            "value": "24px"
          }
        }
      },
      "15": {
        "$value": "15px",
        "$type": "dimension",
        "$description": "Saisie, libellés, boutons, sous-titres. .field input, .cta, .scene .sous.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-15",
            "value": "15px"
          }
        }
      },
      "14-5": {
        "$value": "14.5px",
        "$type": "dimension",
        "$description": "Nom de l'étape, intro des messages. .step-name, .tpl-intro.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-14-5",
            "value": "14.5px"
          }
        }
      },
      "14": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Listes déroulantes, case verrouillée, champs des messages. .iti__country-list, .verrou, .tpl-body input.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-14",
            "value": "14px"
          }
        }
      },
      "13-5": {
        "$value": "13.5px",
        "$type": "dimension",
        "$description": "Message d'erreur, pastilles, bouton Enregistrer. .erreur-box, .puce, .tpl-save.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-13-5",
            "value": "13.5px"
          }
        }
      },
      "13": {
        "$value": "13px",
        "$type": "dimension",
        "$description": "Pastille d'étape, badge sécurité. .step-pill, .secure.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-13",
            "value": "13px"
          }
        }
      },
      "12-5": {
        "$value": "12.5px",
        "$type": "dimension",
        "$description": "Notes, description d'un message type. .scene .note, .tpl-head .d.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-12-5",
            "value": "12.5px"
          }
        }
      },
      "12": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Titres de section en capitales, libellés de champ. .sect-titre, .tpl-cat, .tpl-label.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-12",
            "value": "12px"
          }
        }
      },
      "11-5": {
        "$value": "11.5px",
        "$type": "dimension",
        "$description": "Liste des variables. .tpl-vars.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-11-5",
            "value": "11.5px"
          }
        }
      },
      "11": {
        "$value": "11px",
        "$type": "dimension",
        "$description": "Variable [entreprise]. .tpl-vars code.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-11",
            "value": "11px"
          }
        }
      },
      "10": {
        "$value": "10px",
        "$type": "dimension",
        "$description": "Badge Email / SMS / Réseaux. .tpl-badge.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-10",
            "value": "10px"
          }
        }
      },
      "title-fluid": {
        "$value": "30px",
        "$type": "dimension",
        "$description": "Titre de scène fluide, de 24 à 30 px. .scene h1.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-font-size-title",
            "value": "clamp(24px, 6vw, 30px)"
          }
        }
      }
    },
    "line-height": {
      "title-scene": {
        "$value": 1.16,
        "$type": "number",
        "$description": ".scene h1",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line-height-title-scene",
            "value": "1.16"
          }
        }
      },
      "title-hero": {
        "$value": 1.18,
        "$type": "number",
        "$description": ".hero h1",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line-height-title-hero",
            "value": "1.18"
          }
        }
      },
      "title-merci": {
        "$value": 1.2,
        "$type": "number",
        "$description": ".merci h2",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line-height-title-merci",
            "value": "1.2"
          }
        }
      },
      "tight": {
        "$value": 1.4,
        "$type": "number",
        "$description": ".tpl-head .d",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line-height-tight",
            "value": "1.4"
          }
        }
      },
      "base": {
        "$value": 1.5,
        "$type": "number",
        "$description": ".erreur-box, .tpl-intro, textarea, .tpl-vars",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line-height-base",
            "value": "1.5"
          }
        }
      },
      "note": {
        "$value": 1.55,
        "$type": "number",
        "$description": ".scene .note",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line-height-note",
            "value": "1.55"
          }
        }
      },
      "body": {
        "$value": 1.6,
        "$type": "number",
        "$description": ".scene .sous, .merci p",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-line-height-body",
            "value": "1.6"
          }
        }
      }
    },
    "letter-spacing": {
      "title": {
        "$value": "-0.012em",
        "$type": "dimension",
        "$description": "Titres. .hero h1, .scene h1.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-tracking-title",
            "value": "-0.012em"
          }
        }
      },
      "caps": {
        "$value": "0.14em",
        "$type": "dimension",
        "$description": "Titres de section en capitales. .sect-titre, .tpl-cat.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-tracking-caps",
            "value": "0.14em"
          }
        }
      }
    }
  },
  "radius": {
    "4": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Variable [entreprise]. .tpl-vars code",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-4",
          "value": "4px"
        }
      }
    },
    "5": {
      "$value": "5px",
      "$type": "dimension",
      "$description": "Fond du libellé flottant. .field label",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-5",
          "value": "5px"
        }
      }
    },
    "8": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Pastille d'étape. .step-pill",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-8",
          "value": "8px"
        }
      }
    },
    "9": {
      "$value": "9px",
      "$type": "dimension",
      "$description": "Bouton œil, recherche et lignes de liste. .eye, .iti-search, .iti__country",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-9",
          "value": "9px"
        }
      }
    },
    "10": {
      "$value": "10px",
      "$type": "dimension",
      "$description": "Champs, bouton Enregistrer. :root --radius",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-10",
          "value": "10px"
        }
      }
    },
    "11": {
      "$value": "11px",
      "$type": "dimension",
      "$description": "Badge sécurité. .secure",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-11",
          "value": "11px"
        }
      }
    },
    "12": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Message d'erreur. .erreur-box",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-12",
          "value": "12px"
        }
      }
    },
    "14": {
      "$value": "14px",
      "$type": "dimension",
      "$description": "Listes déroulantes. .iti__country-list, .banque-liste",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-14",
          "value": "14px"
        }
      }
    },
    "15": {
      "$value": "15px",
      "$type": "dimension",
      "$description": "Boutons principal et secondaire. .cta",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-15",
          "value": "15px"
        }
      }
    },
    "16": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Carte de message type. .tpl-card",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-16",
          "value": "16px"
        }
      }
    },
    "18": {
      "$value": "18px",
      "$type": "dimension",
      "$description": "Encart Unipro et son onglet. .unipro, .unipro-badge",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-18",
          "value": "18px"
        }
      }
    },
    "20": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Badge de catégorie. .tpl-badge",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-20",
          "value": "20px"
        }
      }
    },
    "22": {
      "$value": "22px",
      "$type": "dimension",
      "$description": "Tuile d'icône. .icone",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-22",
          "value": "22px"
        }
      }
    },
    "30": {
      "$value": "30px",
      "$type": "dimension",
      "$description": "Carte principale. :root --radius-lg",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-30",
          "value": "30px"
        }
      }
    },
    "pill": {
      "$value": "99px",
      "$type": "dimension",
      "$description": "Traits de progression, pastilles de choix. .bar, .puce",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-radius-pill",
          "value": "99px"
        }
      }
    }
  },
  "space": {
    "wrap-max": {
      "$value": "464px",
      "$type": "dimension",
      "$description": "Largeur de colonne des étapes. .wrap",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-wrap-max",
          "value": "464px"
        }
      }
    },
    "wrap-max-paiements": {
      "$value": "600px",
      "$type": "dimension",
      "$description": "Colonne de /paiements. .wrap-paie",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-wrap-max-paiements",
          "value": "600px"
        }
      }
    },
    "wrap-max-templates": {
      "$value": "640px",
      "$type": "dimension",
      "$description": "Colonne de l'étape 5. .tpl-wrap",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-wrap-max-templates",
          "value": "640px"
        }
      }
    },
    "wrap-padding-top": {
      "$value": "29px",
      "$type": "dimension",
      "$description": ".wrap",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-wrap-padding-top",
          "value": "29px"
        }
      }
    },
    "wrap-padding-top-desktop": {
      "$value": "46px",
      "$type": "dimension",
      "$description": ".wrap à partir de 700 px",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-wrap-padding-top-desktop",
          "value": "46px"
        }
      }
    },
    "wrap-padding-x": {
      "$value": "18px",
      "$type": "dimension",
      "$description": ".wrap",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-wrap-padding-x",
          "value": "18px"
        }
      }
    },
    "wrap-padding-bottom": {
      "$value": "72px",
      "$type": "dimension",
      "$description": ".wrap",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-wrap-padding-bottom",
          "value": "72px"
        }
      }
    },
    "card-padding-y": {
      "$value": "22px",
      "$type": "dimension",
      "$description": ".card",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-card-padding-y",
          "value": "22px"
        }
      }
    },
    "card-padding-x": {
      "$value": "20px",
      "$type": "dimension",
      "$description": ".card",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-card-padding-x",
          "value": "20px"
        }
      }
    },
    "block-gap": {
      "$value": "22px",
      "$type": "dimension",
      "$description": "Écart entre blocs : badge sécurité, encart Unipro, traits, sections. .secure, .unipro, .bars, .sect",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-block-gap",
          "value": "22px"
        }
      }
    },
    "field-gap": {
      "$value": "13px",
      "$type": "dimension",
      "$description": "Écart entre deux champs. .field",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-field-gap",
          "value": "13px"
        }
      }
    },
    "row-gap": {
      "$value": "11px",
      "$type": "dimension",
      "$description": "Écart entre deux colonnes de champs. .row, .ligne",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-row-gap",
          "value": "11px"
        }
      }
    },
    "input-padding-y": {
      "$value": "10px",
      "$type": "dimension",
      "$description": ".field input",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-input-padding-y",
          "value": "10px"
        }
      }
    },
    "input-padding-x": {
      "$value": "16px",
      "$type": "dimension",
      "$description": ".field input",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-input-padding-x",
          "value": "16px"
        }
      }
    },
    "input-icon-offset": {
      "$value": "46px",
      "$type": "dimension",
      "$description": "Retrait du texte quand le champ a une icône. .field-icon input",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-input-icon-offset",
          "value": "46px"
        }
      }
    },
    "cta-padding-y": {
      "$value": "17px",
      "$type": "dimension",
      "$description": ".cta",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-cta-padding-y",
          "value": "17px"
        }
      }
    },
    "cta-padding-x": {
      "$value": "22px",
      "$type": "dimension",
      "$description": ".cta",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-cta-padding-x",
          "value": "22px"
        }
      }
    },
    "cta-gap": {
      "$value": "9px",
      "$type": "dimension",
      "$description": "Texte / flèche. .cta",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-cta-gap",
          "value": "9px"
        }
      }
    },
    "cta-stack-gap": {
      "$value": "10px",
      "$type": "dimension",
      "$description": "Bouton secondaire sous le principal. .cta-ghost",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-cta-stack-gap",
          "value": "10px"
        }
      }
    },
    "bars-width": {
      "$value": "118px",
      "$type": "dimension",
      "$description": ".bars",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-bars-width",
          "value": "118px"
        }
      }
    },
    "bars-gap": {
      "$value": "5px",
      "$type": "dimension",
      "$description": ".bars",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-bars-gap",
          "value": "5px"
        }
      }
    },
    "bar-height": {
      "$value": "3px",
      "$type": "dimension",
      "$description": ".bar",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-bar-height",
          "value": "3px"
        }
      }
    },
    "tile-size": {
      "$value": "74px",
      "$type": "dimension",
      "$description": ".icone",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-tile-size",
          "value": "74px"
        }
      }
    },
    "tile-size-mobile": {
      "$value": "63px",
      "$type": "dimension",
      "$description": ".icone sous 700 px",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-tile-size-mobile",
          "value": "63px"
        }
      }
    },
    "logo-height": {
      "$value": "64px",
      "$type": "dimension",
      "$description": ".brand .logo",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-logo-height",
          "value": "64px"
        }
      }
    },
    "logo-height-mobile": {
      "$value": "58px",
      "$type": "dimension",
      "$description": ".brand .logo sous 700 px",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-logo-height-mobile",
          "value": "58px"
        }
      }
    }
  },
  "border": {
    "width": {
      "control": {
        "$value": "1.5px",
        "$type": "dimension",
        "$description": "Champs, pastilles, cases, bouton secondaire.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-border-control",
            "value": "1.5px"
          }
        }
      },
      "hairline": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Message d'erreur, tuile, carte de message, listes.",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-border-hairline",
            "value": "1px"
          }
        }
      }
    }
  },
  "shadow": {
    "card": {
      "$value": [
        {
          "color": "#FFFFFFE6",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "0px",
          "spread": "0px",
          "inset": true
        },
        {
          "color": "#0E132229",
          "offsetX": "0px",
          "offsetY": "30px",
          "blur": "60px",
          "spread": "-28px",
          "inset": false
        },
        {
          "color": "#0E13220D",
          "offsetX": "0px",
          "offsetY": "8px",
          "blur": "24px",
          "spread": "-16px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".card",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-card",
          "value": "inset 0 1px 0 rgba(255,255,255,.9), 0 30px 60px -28px rgba(14,19,34,.16), 0 8px 24px -16px rgba(14,19,34,.05)"
        }
      }
    },
    "cta": {
      "$value": [
        {
          "color": "#FFFFFF61",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "0px",
          "spread": "0px",
          "inset": true
        },
        {
          "color": "#0000002E",
          "offsetX": "0px",
          "offsetY": "-2px",
          "blur": "6px",
          "spread": "0px",
          "inset": true
        },
        {
          "color": "#542DF38C",
          "offsetX": "0px",
          "offsetY": "10px",
          "blur": "22px",
          "spread": "-8px",
          "inset": false
        },
        {
          "color": "#542DF380",
          "offsetX": "0px",
          "offsetY": "3px",
          "blur": "8px",
          "spread": "-4px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".cta",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-cta",
          "value": "inset 0 1px 0 rgba(255,255,255,.38), inset 0 -2px 6px rgba(0,0,0,.18), 0 10px 22px -8px rgba(84,45,243,.55), 0 3px 8px -4px rgba(84,45,243,.5)"
        }
      }
    },
    "cta-hover": {
      "$value": [
        {
          "color": "#FFFFFF6B",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "0px",
          "spread": "0px",
          "inset": true
        },
        {
          "color": "#0000002E",
          "offsetX": "0px",
          "offsetY": "-2px",
          "blur": "6px",
          "spread": "0px",
          "inset": true
        },
        {
          "color": "#542DF39E",
          "offsetX": "0px",
          "offsetY": "14px",
          "blur": "30px",
          "spread": "-8px",
          "inset": false
        },
        {
          "color": "#542DF380",
          "offsetX": "0px",
          "offsetY": "3px",
          "blur": "8px",
          "spread": "-4px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".cta:hover",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-cta-hover",
          "value": "inset 0 1px 0 rgba(255,255,255,.42), inset 0 -2px 6px rgba(0,0,0,.18), 0 14px 30px -8px rgba(84,45,243,.62), 0 3px 8px -4px rgba(84,45,243,.5)"
        }
      }
    },
    "cta-active": {
      "$value": [
        {
          "color": "#FFFFFF40",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "0px",
          "spread": "0px",
          "inset": true
        },
        {
          "color": "#00000038",
          "offsetX": "0px",
          "offsetY": "-1px",
          "blur": "3px",
          "spread": "0px",
          "inset": true
        },
        {
          "color": "#542DF380",
          "offsetX": "0px",
          "offsetY": "6px",
          "blur": "14px",
          "spread": "-8px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".cta:active",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-cta-active",
          "value": "inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 3px rgba(0,0,0,.22), 0 6px 14px -8px rgba(84,45,243,.5)"
        }
      }
    },
    "ghost": {
      "$value": [
        {
          "color": "#542DF366",
          "offsetX": "0px",
          "offsetY": "4px",
          "blur": "14px",
          "spread": "-8px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".cta-ghost",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-ghost",
          "value": "0 4px 14px -8px rgba(84,45,243,.4)"
        }
      }
    },
    "ghost-hover": {
      "$value": [
        {
          "color": "#542DF380",
          "offsetX": "0px",
          "offsetY": "6px",
          "blur": "18px",
          "spread": "-8px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".cta-ghost:hover",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-ghost-hover",
          "value": "0 6px 18px -8px rgba(84,45,243,.5)"
        }
      }
    },
    "tile": {
      "$value": [
        {
          "color": "#9AD567B2",
          "offsetX": "0px",
          "offsetY": "12px",
          "blur": "26px",
          "spread": "-14px",
          "inset": false
        },
        {
          "color": "#FFFFFFB2",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "0px",
          "spread": "0px",
          "inset": true
        }
      ],
      "$type": "shadow",
      "$description": ".icone",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-tile",
          "value": "0 12px 26px -14px rgba(154,213,103,.7), inset 0 1px 0 rgba(255,255,255,.7)"
        }
      }
    },
    "dropdown": {
      "$value": [
        {
          "color": "#0E132240",
          "offsetX": "0px",
          "offsetY": "16px",
          "blur": "40px",
          "spread": "-10px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".iti__country-list, .banque-liste",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-dropdown",
          "value": "0 16px 40px -10px rgba(14,19,34,.25)"
        }
      }
    },
    "message-card": {
      "$value": [
        {
          "color": "#0E13222E",
          "offsetX": "0px",
          "offsetY": "18px",
          "blur": "40px",
          "spread": "-30px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": ".tpl-card",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-message-card",
          "value": "0 18px 40px -30px rgba(14,19,34,.18)"
        }
      }
    },
    "ring-focus": {
      "$value": [
        {
          "color": "#542DF31F",
          "offsetX": "0px",
          "offsetY": "0px",
          "blur": "0px",
          "spread": "2px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": "Champ au focus. .field input:focus",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-ring-focus",
          "value": "0 0 0 2px rgba(84,45,243,.12)"
        }
      }
    },
    "ring-error": {
      "$value": [
        {
          "color": "#F862511A",
          "offsetX": "0px",
          "offsetY": "0px",
          "blur": "0px",
          "spread": "4px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": "Champ en erreur. .field input.err",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-ring-error",
          "value": "0 0 0 4px rgba(248,98,81,.10)"
        }
      }
    },
    "ring-chip": {
      "$value": [
        {
          "color": "#542DF34C",
          "offsetX": "0px",
          "offsetY": "0px",
          "blur": "0px",
          "spread": "1.5px",
          "inset": false
        }
      ],
      "$type": "shadow",
      "$description": "Pastille cochée, teinte par défaut. .puce.on",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-shadow-ring-chip",
          "value": "0 0 0 1.5px rgba(84,45,243,.30)"
        }
      }
    }
  },
  "motion": {
    "duration": {
      "enter": {
        "$value": "550ms",
        "$type": "duration",
        "$description": "Entrée du logo, du titre, de la carte, du bouton ; pop de la coche. rise, pop",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-enter",
            "value": "550ms"
          }
        }
      },
      "draw": {
        "$value": "500ms",
        "$type": "duration",
        "$description": "Tracé de la coche. draw",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-draw",
            "value": "500ms"
          }
        }
      },
      "open": {
        "$value": "300ms",
        "$type": "duration",
        "$description": "Ouverture d'un message type. .tpl-card.open .tpl-body",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-open",
            "value": "300ms"
          }
        }
      },
      "hover": {
        "$value": "200ms",
        "$type": "duration",
        "$description": "Ombre du bouton, flèche, chevron. .cta, .tpl-chevron",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-hover",
            "value": "200ms"
          }
        }
      },
      "field": {
        "$value": "180ms",
        "$type": "duration",
        "$description": "Bordure et anneau des champs. .field input",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-field",
            "value": "180ms"
          }
        }
      },
      "label": {
        "$value": "160ms",
        "$type": "duration",
        "$description": "Montée du libellé flottant. .field label",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-label",
            "value": "160ms"
          }
        }
      },
      "quick": {
        "$value": "150ms",
        "$type": "duration",
        "$description": "Œil, pastilles, bouton Enregistrer. .eye, .puce, .tpl-save",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-quick",
            "value": "150ms"
          }
        }
      },
      "press": {
        "$value": "140ms",
        "$type": "duration",
        "$description": "Enfoncement du bouton. .cta:active",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-press",
            "value": "140ms"
          }
        }
      },
      "shine": {
        "$value": "5000ms",
        "$type": "duration",
        "$description": "Éclat qui traverse le trait de l'étape courante. barShine",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-shine",
            "value": "5000ms"
          }
        }
      },
      "grad-spin": {
        "$value": "18000ms",
        "$type": "duration",
        "$description": "Rotation du dégradé du mot mis en valeur. gradSpin",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-duration-grad-spin",
            "value": "18000ms"
          }
        }
      }
    },
    "easing": {
      "rise": {
        "$value": [
          0.2,
          0.7,
          0.2,
          1.0
        ],
        "$type": "cubicBezier",
        "$description": "Entrées (rise).",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ease-rise",
            "value": "cubic-bezier(.2,.7,.2,1)"
          }
        }
      },
      "pop": {
        "$value": [
          0.3,
          1.6,
          0.4,
          1.0
        ],
        "$type": "cubicBezier",
        "$description": "Rebond de la tuile de validation (pop).",
        "$extensions": {
          "fr.owan": {
            "css": "--owan-ease-pop",
            "value": "cubic-bezier(.3,1.6,.4,1)"
          }
        }
      }
    }
  },
  "breakpoint": {
    "sm": {
      "$value": "420px",
      "$type": "dimension",
      "$description": "(max-width:420px) : libellé long de /paiements rétréci",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-breakpoint-sm",
          "value": "420px"
        }
      }
    },
    "md": {
      "$value": "620px",
      "$type": "dimension",
      "$description": "(min-width:620px) : /paiements passe sur deux colonnes",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-breakpoint-md",
          "value": "620px"
        }
      }
    },
    "lg": {
      "$value": "700px",
      "$type": "dimension",
      "$description": "(max-width:700px) / (min-width:700px) : mobile / bureau",
      "$extensions": {
        "fr.owan": {
          "css": "--owan-breakpoint-lg",
          "value": "700px"
        }
      }
    }
  }
}