{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "name": "Matchplat brand tokens",
  "version": "1.0.0",
  "description": "Design tokens del brand Matchplat. Single source of truth per colori, tipografia, spacing, radius, shadow.",

  "color": {
    "brand": {
      "navy": {
        "value": "#05141e",
        "description": "Brand navy primario. Usato per testo principale, sfondi scuri, header."
      },
      "accent": {
        "value": "#ff2a27",
        "description": "Brand accent rosso. CTA, focus, identità visiva."
      },
      "accentHover": {
        "value": "#ff4542",
        "description": "Stato hover dell'accent."
      },
      "accentDark": {
        "value": "#cc1f1d",
        "description": "Variante scura dell'accent per stati pressed."
      },
      "accentBg": {
        "value": "rgba(255, 42, 39, 0.08)",
        "description": "Background tinta accent per highlight delicati."
      }
    },

    "text": {
      "primary": {
        "value": "#05141e",
        "description": "Testo primario. Headings, body principale."
      },
      "secondary": {
        "value": "#3d5060",
        "description": "Testo secondario. Sottotitoli, meta."
      },
      "muted": {
        "value": "#7a8d9c",
        "description": "Testo attenuato. Hint, descrizioni terziarie."
      },
      "disabled": {
        "value": "#b0bfc8",
        "description": "Testo disabilitato."
      },
      "onDark": {
        "value": "#eef2f5",
        "description": "Testo su sfondo scuro."
      }
    },

    "background": {
      "primary": {
        "value": "#ffffff",
        "description": "Sfondo principale pagina (light mode)."
      },
      "secondary": {
        "value": "#fafafa",
        "description": "Sfondo secondario per surface elevate."
      },
      "tertiary": {
        "value": "#f4f4f8",
        "description": "Sfondo per card, sezioni."
      },
      "elevated": {
        "value": "#eeeef2",
        "description": "Sfondo per input, chip."
      },
      "interactive": {
        "value": "#e4e4ea",
        "description": "Sfondo per stati hover su elementi interattivi."
      }
    },

    "backgroundDark": {
      "primary": {
        "value": "#030e16",
        "description": "Sfondo principale (dark mode)."
      },
      "secondary": {
        "value": "#05141e",
        "description": "Sfondo secondario dark (sidebar)."
      },
      "tertiary": {
        "value": "#0c1f2e",
        "description": "Sfondo card dark."
      },
      "elevated": {
        "value": "#132a3a",
        "description": "Sfondo elevated dark."
      },
      "interactive": {
        "value": "#1a3548",
        "description": "Sfondo hover dark."
      }
    },

    "border": {
      "default": {
        "value": "rgba(0, 0, 0, 0.08)",
        "description": "Border standard, sottile e neutro."
      },
      "subtle": {
        "value": "rgba(0, 0, 0, 0.04)",
        "description": "Border ancora più sottile, separatori interni."
      },
      "strong": {
        "value": "rgba(0, 0, 0, 0.16)",
        "description": "Border per emphasis, hover."
      }
    },

    "semantic": {
      "success": {
        "value": "#1d9e75",
        "description": "Stato positivo, conferme."
      },
      "successBg": {
        "value": "rgba(29, 158, 117, 0.08)"
      },
      "warning": {
        "value": "#ba7517",
        "description": "Avvisi, attenzione."
      },
      "warningBg": {
        "value": "rgba(186, 117, 23, 0.08)"
      },
      "danger": {
        "value": "#e24b4a",
        "description": "Errori, distruzione."
      },
      "dangerBg": {
        "value": "rgba(226, 75, 74, 0.08)"
      },
      "info": {
        "value": "#378add",
        "description": "Informazioni, link."
      },
      "infoBg": {
        "value": "rgba(55, 138, 221, 0.08)"
      }
    },

    "score": {
      "high": {
        "value": "#5dcaa5",
        "description": "Score 80-100, alta rilevanza."
      },
      "highBg": {
        "value": "#04342c"
      },
      "mid": {
        "value": "#fac775",
        "description": "Score 50-79, media rilevanza."
      },
      "midBg": {
        "value": "#412402"
      },
      "low": {
        "value": "#f09595",
        "description": "Score 0-49, bassa rilevanza."
      },
      "lowBg": {
        "value": "#501313"
      }
    }
  },

  "font": {
    "family": {
      "body": {
        "value": "'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif",
        "description": "Font principale per UI e body. DM Sans con fallback system."
      },
      "mono": {
        "value": "'JetBrains Mono', 'SF Mono', Monaco, Consolas, monospace",
        "description": "Font monospace per codici, score, numeri."
      }
    },
    "size": {
      "xs": { "value": "11px", "description": "Badge, chip, timestamp." },
      "sm": { "value": "13px", "description": "Meta, table cells, secondary." },
      "base": { "value": "15px", "description": "Body principale." },
      "lg": { "value": "18px", "description": "Card titles." },
      "xl": { "value": "22px", "description": "Section headers." },
      "2xl": { "value": "28px", "description": "Page titles (raro)." },
      "3xl": { "value": "36px", "description": "Hero headlines." }
    },
    "weight": {
      "regular": { "value": 400 },
      "medium": { "value": 500 }
    },
    "lineHeight": {
      "tight": { "value": 1.2 },
      "normal": { "value": 1.5 },
      "relaxed": { "value": 1.7 }
    }
  },

  "spacing": {
    "1": { "value": "4px" },
    "2": { "value": "8px" },
    "3": { "value": "12px" },
    "4": { "value": "16px" },
    "5": { "value": "20px" },
    "6": { "value": "24px" },
    "8": { "value": "32px" },
    "10": { "value": "40px" },
    "12": { "value": "48px" },
    "16": { "value": "64px" }
  },

  "radius": {
    "sm": { "value": "6px", "description": "Badge, chip." },
    "md": { "value": "10px", "description": "Buttons, inputs, chips." },
    "lg": { "value": "14px", "description": "Cards, modals, sheets." },
    "xl": { "value": "20px", "description": "Containers, page sections." },
    "full": { "value": "9999px", "description": "Avatars, circular elements." }
  },

  "shadow": {
    "card": {
      "value": "0 1px 3px rgba(0, 0, 0, 0.04)",
      "description": "Shadow sottile per card. In dark mode usare 'none'."
    },
    "cardHover": {
      "value": "0 4px 12px rgba(0, 0, 0, 0.06)"
    },
    "dropdown": {
      "value": "0 8px 24px rgba(0, 0, 0, 0.12)"
    },
    "modal": {
      "value": "0 16px 48px rgba(0, 0, 0, 0.18)"
    }
  },

  "duration": {
    "instant": { "value": "0ms" },
    "fast": { "value": "120ms" },
    "normal": { "value": "200ms" },
    "slow": { "value": "320ms" }
  },

  "easing": {
    "standard": { "value": "cubic-bezier(0.4, 0, 0.2, 1)" },
    "decelerate": { "value": "cubic-bezier(0, 0, 0.2, 1)" },
    "accelerate": { "value": "cubic-bezier(0.4, 0, 1, 1)" }
  },

  "breakpoint": {
    "sm": { "value": "640px" },
    "md": { "value": "768px" },
    "lg": { "value": "1024px" },
    "xl": { "value": "1280px" }
  }
}