{
  "$description": "Lou-Ka — jetons de design (miroir de frontend/src/ka/tokens.css + surcharge accent de styles.css). Format W3C Design Tokens ($value/$type), importable dans Figma via Tokens Studio ou Variables Import.",
  "$source": "repo lou-ka (spbgit) · M4M64a:~/apps/lou-ka · relu le 2026-09-04",
  "couleur": {
    "paper": { "$type": "color", "$value": "#f5f3ee", "$description": "--paper · fond de page" },
    "surface": { "$type": "color", "$value": "#ffffff", "$description": "--surface · cartes" },
    "surface-2": { "$type": "color", "$value": "#faf9f5", "$description": "--surface-2 · champs, lignes paires" },
    "ink": { "$type": "color", "$value": "#141814", "$description": "--ink · texte, bordures 1,5 px, états actifs" },
    "ink-2": { "$type": "color", "$value": "#4d5551", "$description": "--ink-2 · texte secondaire" },
    "ink-3": { "$type": "color", "$value": "#8b928c", "$description": "--ink-3 · étiquettes, placeholders" },
    "line": { "$type": "color", "$value": "rgba(20, 24, 20, 0.14)", "$description": "--line / --hairline" },
    "line-strong": { "$type": "color", "$value": "rgba(20, 24, 20, 0.85)", "$description": "--line-strong / --hairline-strong" },
    "green": { "$type": "color", "$value": "#1c5c41", "$description": "--green · kicker, tags source, « sous le marché »" },
    "green-deep": { "$type": "color", "$value": "#123f2e", "$description": "--green-deep" },
    "green-soft": { "$type": "color", "$value": "#e8f0ea", "$description": "--blue-soft (alias historique) · amenities, en bref" },
    "green-ok": { "$type": "color", "$value": "#2e7d4a", "$description": ".st-included" },
    "green-ok-soft": { "$type": "color", "$value": "#eef7f0", "$description": ".st-included fond" },
    "amber": { "$type": "color", "$value": "#e8a33d", "$description": "--amber · KA Score moyen" },
    "amber-soft": { "$type": "color", "$value": "#fdf3e2", "$description": "--amber-soft" },
    "danger": { "$type": "color", "$value": "#b3423a", "$description": "--danger · retrait de filtre" },
    "danger-soft": { "$type": "color", "$value": "#fbe9e7", "$description": "--danger-soft" },
    "accent": { "$type": "color", "$value": "#ff6a00", "$description": "--accent · ACCENT LOU-KA (seule surcharge de tokens.css)" },
    "accent-soft": { "$type": "color", "$value": "#fff1e6", "$description": "--accent-soft · totaux, notes" },
    "accent-deep": { "$type": "color", "$value": "#cc5500", "$description": "--accent-deep · survol CTA, ▲ marché" },
    "on-accent": { "$type": "color", "$value": "#ffffff", "$description": "--on-accent · texte posé sur l'accent" },
    "navy": { "$type": "color", "$value": "#0b1330", "$description": "porte du logo (dégradé #101a3d → #0b1330)" },
    "logo-frame-top": { "$type": "color", "$value": "#ff7a1a", "$description": "cadre du logo, haut" },
    "logo-frame-bottom": { "$type": "color", "$value": "#f56000", "$description": "cadre du logo, bas" },
    "logo-light-top": { "$type": "color", "$value": "#ff8533", "$description": "tapis de lumière, haut" },
    "carte-eau": { "$type": "color", "$value": "#1c5c41", "$description": "ka-maps · eau vert forêt" },
    "carte-routes": { "$type": "color", "$value": "#d9f26b", "$description": "ka-maps · routes lime" }
  },
  "typo": {
    "famille": {
      "display": { "$type": "fontFamily", "$value": "Space Grotesk", "$description": "titres, prix, boutons, chips, nav" },
      "body": { "$type": "fontFamily", "$value": "Inter", "$description": "texte courant" },
      "mono": { "$type": "fontFamily", "$value": "JetBrains Mono", "$description": "micro-étiquettes, ticker, kicker, live" }
    },
    "graisse": {
      "regular": { "$type": "fontWeight", "$value": 400 },
      "medium": { "$type": "fontWeight", "$value": 500 },
      "semibold": { "$type": "fontWeight", "$value": 600 },
      "bold": { "$type": "fontWeight", "$value": 700 }
    },
    "taille": {
      "h1-hero": { "$type": "dimension", "$value": "88px", "$description": "clamp(44px, 7.2vw, 88px) · .hero-display" },
      "h1": { "$type": "dimension", "$value": "54px", "$description": "--fs-h1 clamp(30px, 3.2vw + 18px, 54px)" },
      "h1-page": { "$type": "dimension", "$value": "46px", "$description": "Stats / Villes clamp(30px, 4.6vw, 46px)" },
      "h2": { "$type": "dimension", "$value": "34px", "$description": "--fs-h2 clamp(23px, 1.8vw + 14px, 34px)" },
      "h3": { "$type": "dimension", "$value": "22px", "$description": "--fs-h3 clamp(17px, 0.9vw + 12px, 22px)" },
      "bloc-h2": { "$type": "dimension", "$value": "21px", "$description": ".f-bloc h2" },
      "kpi": { "$type": "dimension", "$value": "44px", "$description": "grands chiffres Stats" },
      "prix-fiche": { "$type": "dimension", "$value": "54px", "$description": ".f-hero .price clamp(38px, 8.5vw, 54px)" },
      "prix-carte": { "$type": "dimension", "$value": "21px", "$description": ".card-price" },
      "recherche": { "$type": "dimension", "$value": "28px", "$description": ".q-big input clamp(19px, 2.8vw, 28px)" },
      "lede": { "$type": "dimension", "$value": "16.5px" },
      "body": { "$type": "dimension", "$value": "15px", "$description": "--fs-body" },
      "titre-carte": { "$type": "dimension", "$value": "14.5px" },
      "nav": { "$type": "dimension", "$value": "14px" },
      "bouton": { "$type": "dimension", "$value": "14px" },
      "small": { "$type": "dimension", "$value": "13px", "$description": "--fs-small" },
      "chip": { "$type": "dimension", "$value": "12.5px" },
      "meta": { "$type": "dimension", "$value": "12.5px" },
      "live": { "$type": "dimension", "$value": "12px" },
      "kicker": { "$type": "dimension", "$value": "11.5px" },
      "ticker": { "$type": "dimension", "$value": "11.5px" },
      "klabel": { "$type": "dimension", "$value": "10px" },
      "crit-label": { "$type": "dimension", "$value": "9.5px" },
      "st-pill": { "$type": "dimension", "$value": "9.5px" }
    },
    "interlettrage": {
      "titre": { "$type": "dimension", "$value": "-0.03em" },
      "hero": { "$type": "dimension", "$value": "-0.045em" },
      "kicker": { "$type": "dimension", "$value": "0.12em" },
      "klabel": { "$type": "dimension", "$value": "0.1em" },
      "crit": { "$type": "dimension", "$value": "0.14em" },
      "ticker": { "$type": "dimension", "$value": "0.08em" }
    },
    "interligne": {
      "titre": { "$type": "number", "$value": 1.06 },
      "h2": { "$type": "number", "$value": 1.15 },
      "body": { "$type": "number", "$value": 1.55 }
    }
  },
  "espacement": {
    "sp-1": { "$type": "dimension", "$value": "4px" },
    "sp-2": { "$type": "dimension", "$value": "8px" },
    "sp-3": { "$type": "dimension", "$value": "12px" },
    "sp-4": { "$type": "dimension", "$value": "16px" },
    "sp-5": { "$type": "dimension", "$value": "24px" },
    "sp-6": { "$type": "dimension", "$value": "32px" },
    "sp-7": { "$type": "dimension", "$value": "48px" },
    "sp-8": { "$type": "dimension", "$value": "64px" },
    "conteneur-max": { "$type": "dimension", "$value": "1152px" },
    "conteneur-padding-mobile": { "$type": "dimension", "$value": "16px" },
    "conteneur-padding-desktop": { "$type": "dimension", "$value": "24px" },
    "cible-tactile": { "$type": "dimension", "$value": "44px" },
    "header-desktop": { "$type": "dimension", "$value": "64px" },
    "header-mobile": { "$type": "dimension", "$value": "56px" },
    "ticker": { "$type": "dimension", "$value": "32px" },
    "grille-cartes-min": { "$type": "dimension", "$value": "290px", "$description": "grid minmax(290px, 1fr) · gap 22px" },
    "fiche-colonnes": { "$type": "string", "$value": "1.6fr 1fr · gap 30px (≥ 900 px)" }
  },
  "rayon": {
    "card": { "$type": "dimension", "$value": "10px", "$description": "--r-card" },
    "ctl": { "$type": "dimension", "$value": "6px", "$description": "--r-ctl · boutons, nav, CTA, champs, contrôles" },
    "pill": { "$type": "dimension", "$value": "999px", "$description": "--r-pill · chips, badges, pastilles" },
    "sheet": { "$type": "dimension", "$value": "24px", "$description": "feuille de critères mobile (coins hauts)" },
    "thumb": { "$type": "dimension", "$value": "12px" },
    "st-pill": { "$type": "dimension", "$value": "3px" }
  },
  "bordure": {
    "encre": { "$type": "dimension", "$value": "1.5px", "$description": "cartes, boutons, header, ticker" },
    "filet": { "$type": "dimension", "$value": "1px", "$description": "chips, séparateurs" },
    "forte": { "$type": "dimension", "$value": "2px", "$description": "sous .q-big" },
    "ancre-active": { "$type": "dimension", "$value": "2.5px" }
  },
  "ombre": {
    "flat": { "$type": "shadow", "$value": { "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px", "color": "rgba(20,24,20,0.05)" }, "$description": "--shadow-flat" },
    "off": { "$type": "shadow", "$value": { "offsetX": "6px", "offsetY": "6px", "blur": "0px", "spread": "0px", "color": "#141814" }, "$description": "--shadow-off · survol carte" },
    "off-soft": { "$type": "shadow", "$value": { "offsetX": "8px", "offsetY": "8px", "blur": "0px", "spread": "0px", "color": "rgba(20,24,20,0.08)" }, "$description": "--shadow-off-soft" },
    "off-mid": { "$type": "shadow", "$value": { "offsetX": "4px", "offsetY": "4px", "blur": "0px", "spread": "0px", "color": "rgba(20,24,20,0.18)" }, "$description": "--shadow-off-mid" },
    "hard": { "$type": "shadow", "$value": { "offsetX": "4px", "offsetY": "4px", "blur": "0px", "spread": "0px", "color": "#141814" }, "$description": ".cta / .fab / KA agent" },
    "focus-accent": { "$type": "shadow", "$value": { "offsetX": "3px", "offsetY": "3px", "blur": "0px", "spread": "0px", "color": "#ff6a00" }, "$description": "champs :focus, sheet-apply (5,5)" },
    "fab-halo": { "$type": "shadow", "$value": { "offsetX": "0px", "offsetY": "10px", "blur": "28px", "spread": "0px", "color": "rgba(20,24,20,0.25)" } }
  },
  "z-index": {
    "content": { "$type": "number", "$value": 1 },
    "sticky": { "$type": "number", "$value": 300 },
    "header": { "$type": "number", "$value": 500 },
    "bottombar": { "$type": "number", "$value": 600 },
    "dropdown": { "$type": "number", "$value": 700 },
    "overlay": { "$type": "number", "$value": 800 },
    "modal": { "$type": "number", "$value": 900 },
    "toast": { "$type": "number", "$value": 950 },
    "grain": { "$type": "number", "$value": 9999, "$description": "body::before · pointer-events none" }
  },
  "breakpoint": {
    "sm": { "$type": "dimension", "$value": "360px" },
    "mobile-max": { "$type": "dimension", "$value": "640px", "$description": "feuille de critères, grille 1 colonne" },
    "tabbar-max": { "$type": "dimension", "$value": "760px", "$description": "tabbar + burger" },
    "md": { "$type": "dimension", "$value": "768px" },
    "fiche-2col": { "$type": "dimension", "$value": "900px" },
    "lg": { "$type": "dimension", "$value": "1024px" },
    "gk-badge-min": { "$type": "dimension", "$value": "1080px", "$description": "badge Groupe KA masqué en dessous" },
    "xl": { "$type": "dimension", "$value": "1440px" }
  },
  "mouvement": {
    "rapide": { "$type": "duration", "$value": "120ms" },
    "base": { "$type": "duration", "$value": "150ms" },
    "feuille": { "$type": "duration", "$value": "240ms" },
    "ease-out": { "$type": "cubicBezier", "$value": [0.2, 0.9, 0.3, 1] },
    "hover-translate": { "$type": "string", "$value": "translate(-2px, -2px) + ombre off-mid" }
  }
}