{
  "plugins": [
    "react",
    "import"
  ],
  "rules": {
    "react/forbid-elements": [
      "warn",
      {
        "forbid": []
      }
    ],
    "no-restricted-imports": [
      "warn",
      {
        "patterns": [
          {
            "group": [
              "ui_kits/website/**"
            ],
            "message": "Import design-system components from 'index.js', not component internals."
          }
        ]
      }
    ],
    "no-restricted-syntax": [
      "warn",
      {
        "selector": "Literal[value=/#[0-9a-fA-F]{3,8}\\b/]",
        "message": "Raw hex color — use a design-system color token via var()."
      },
      {
        "selector": "Literal[value=/\\b\\d+px\\b/]",
        "message": "Raw px value — use a design-system spacing token via var()."
      },
      {
        "selector": "Literal[value=/font-family\\s*:\\s*(?!['\\\"]?(?:Inter|Sebel Display))/i]",
        "message": "Font not provided by the design system. Available: Inter, Sebel Display."
      }
    ]
  },
  "overrides": [
    {
      "files": [
        "**/index.js"
      ],
      "rules": {
        "no-restricted-imports": "off"
      }
    }
  ],
  "x-omelette": {
    "components": {},
    "tokens": [
      "--argile-100",
      "--argile-200",
      "--argile-300",
      "--argile-400",
      "--argile-50",
      "--argile-500",
      "--argile-700",
      "--color-accent-argile",
      "--color-accent-sable",
      "--color-bg",
      "--color-bg-brand",
      "--color-bg-brand-deep",
      "--color-bg-brand-soft",
      "--color-bg-elevated",
      "--color-bg-inverse",
      "--color-border",
      "--color-border-brand",
      "--color-border-strong",
      "--color-danger",
      "--color-divider",
      "--color-fg",
      "--color-fg-brand",
      "--color-fg-inverse",
      "--color-fg-muted",
      "--color-fg-on-brand",
      "--color-fg-subtle",
      "--color-info",
      "--color-success",
      "--color-warning",
      "--font-display",
      "--font-mono",
      "--font-sans",
      "--fs-body",
      "--fs-body-lg",
      "--fs-body-sm",
      "--fs-caption",
      "--fs-display-l",
      "--fs-display-m",
      "--fs-display-xl",
      "--fs-eyebrow",
      "--fs-h1",
      "--fs-h2",
      "--fs-h3",
      "--fs-h4",
      "--lh-body",
      "--lh-body-lg",
      "--lh-body-sm",
      "--lh-caption",
      "--lh-display-l",
      "--lh-display-m",
      "--lh-display-xl",
      "--lh-eyebrow",
      "--lh-h1",
      "--lh-h2",
      "--lh-h3",
      "--lh-h4",
      "--neutral-0",
      "--neutral-100",
      "--neutral-200",
      "--neutral-300",
      "--neutral-400",
      "--neutral-50",
      "--neutral-500",
      "--neutral-600",
      "--neutral-700",
      "--neutral-800",
      "--neutral-900",
      "--radius-lg",
      "--radius-md",
      "--radius-pill",
      "--radius-sm",
      "--radius-xl",
      "--radius-xs",
      "--sable-100",
      "--sable-200",
      "--sable-300",
      "--sable-400",
      "--sable-50",
      "--sable-500",
      "--sable-700",
      "--sebel-blanc",
      "--sebel-blanc-casse",
      "--sebel-blanc-creme",
      "--sebel-noir",
      "--sebel-vert",
      "--sebel-vert-clair",
      "--sebel-vert-fonce",
      "--shadow-inset",
      "--shadow-lg",
      "--shadow-md",
      "--shadow-sm",
      "--shadow-xs",
      "--space-1",
      "--space-10",
      "--space-11",
      "--space-12",
      "--space-2",
      "--space-3",
      "--space-4",
      "--space-5",
      "--space-6",
      "--space-7",
      "--space-8",
      "--space-9",
      "--tracking-normal",
      "--tracking-tight",
      "--tracking-wide",
      "--tracking-wider",
      "--tracking-widest",
      "--transition-base",
      "--transition-fast",
      "--transition-slow",
      "--vert-100",
      "--vert-200",
      "--vert-300",
      "--vert-400",
      "--vert-50",
      "--vert-500",
      "--vert-600",
      "--vert-700",
      "--vert-800",
      "--vert-900"
    ],
    "tokenKinds": {
      "--sebel-noir": "color",
      "--sebel-vert-fonce": "color",
      "--sebel-vert": "color",
      "--sebel-vert-clair": "color",
      "--sebel-blanc-creme": "color",
      "--sebel-blanc-casse": "color",
      "--sebel-blanc": "color",
      "--vert-50": "color",
      "--vert-100": "color",
      "--vert-200": "color",
      "--vert-300": "color",
      "--vert-400": "color",
      "--vert-500": "color",
      "--vert-600": "color",
      "--vert-700": "color",
      "--vert-800": "color",
      "--vert-900": "color",
      "--neutral-0": "color",
      "--neutral-50": "color",
      "--neutral-100": "color",
      "--neutral-200": "color",
      "--neutral-300": "color",
      "--neutral-400": "color",
      "--neutral-500": "color",
      "--neutral-600": "color",
      "--neutral-700": "color",
      "--neutral-800": "color",
      "--neutral-900": "color",
      "--sable-50": "color",
      "--sable-100": "color",
      "--sable-200": "color",
      "--sable-300": "color",
      "--sable-400": "color",
      "--sable-500": "color",
      "--sable-700": "color",
      "--argile-50": "color",
      "--argile-100": "color",
      "--argile-200": "color",
      "--argile-300": "color",
      "--argile-400": "color",
      "--argile-500": "color",
      "--argile-700": "color",
      "--color-bg": "color",
      "--color-bg-elevated": "color",
      "--color-bg-inverse": "color",
      "--color-bg-brand": "color",
      "--color-bg-brand-deep": "color",
      "--color-bg-brand-soft": "color",
      "--color-fg": "color",
      "--color-fg-muted": "color",
      "--color-fg-subtle": "color",
      "--color-fg-inverse": "color",
      "--color-fg-brand": "color",
      "--color-fg-on-brand": "color",
      "--color-border": "color",
      "--color-border-strong": "color",
      "--color-border-brand": "color",
      "--color-divider": "color",
      "--color-accent-sable": "color",
      "--color-accent-argile": "color",
      "--color-success": "color",
      "--color-warning": "color",
      "--color-danger": "color",
      "--color-info": "color",
      "--font-display": "font",
      "--font-sans": "font",
      "--font-mono": "font",
      "--fs-display-xl": "spacing",
      "--lh-display-xl": "other",
      "--fs-display-l": "spacing",
      "--lh-display-l": "other",
      "--fs-display-m": "spacing",
      "--lh-display-m": "other",
      "--fs-h1": "spacing",
      "--lh-h1": "other",
      "--fs-h2": "spacing",
      "--lh-h2": "other",
      "--fs-h3": "spacing",
      "--lh-h3": "other",
      "--fs-h4": "spacing",
      "--lh-h4": "other",
      "--fs-body-lg": "spacing",
      "--lh-body-lg": "other",
      "--fs-body": "spacing",
      "--lh-body": "other",
      "--fs-body-sm": "spacing",
      "--lh-body-sm": "other",
      "--fs-caption": "spacing",
      "--lh-caption": "other",
      "--fs-eyebrow": "spacing",
      "--lh-eyebrow": "other",
      "--tracking-tight": "font",
      "--tracking-normal": "font",
      "--tracking-wide": "font",
      "--tracking-wider": "font",
      "--tracking-widest": "font",
      "--space-1": "spacing",
      "--space-2": "spacing",
      "--space-3": "spacing",
      "--space-4": "spacing",
      "--space-5": "spacing",
      "--space-6": "spacing",
      "--space-7": "spacing",
      "--space-8": "spacing",
      "--space-9": "spacing",
      "--space-10": "spacing",
      "--space-11": "spacing",
      "--space-12": "spacing",
      "--radius-xs": "radius",
      "--radius-sm": "radius",
      "--radius-md": "radius",
      "--radius-lg": "radius",
      "--radius-xl": "radius",
      "--radius-pill": "radius",
      "--shadow-xs": "shadow",
      "--shadow-sm": "shadow",
      "--shadow-md": "shadow",
      "--shadow-lg": "shadow",
      "--shadow-inset": "shadow",
      "--transition-fast": "other",
      "--transition-base": "other",
      "--transition-slow": "other"
    },
    "fontFamilies": [
      "Inter",
      "Sebel Display"
    ]
  }
}