{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "name": "pimentcss-design-system",
    "version": "1.0",
    "theme": "Caribbean / Antilles — lagoon teal, sunset accent, warm sand neutrals",
    "source": "https://www.figma.com/design/Vnc34wL28GUCKuCG7C3lEO/Design-system-Numera11y-v-1.3?node-id=2-2097",
    "figmaFileKey": "Vnc34wL28GUCKuCG7C3lEO",
    "colorsPageNodeId": "2:2097"
  },
  "color": {
    "primary": {
      "100": { "oklch": "94.5% 0.025 237", "hex": "#def0fc" },
      "200": { "oklch": "81.6% 0.09 246", "hex": "#92c9fa" },
      "300": { "oklch": "67% 0.16 256.5", "hex": "#4e95f5" },
      "400": { "oklch": "55.9% 0.2 258.5", "hex": "#136de6" },
      "500": { "oklch": "40% 0.17 262", "hex": "#093da1" },
      "600": { "oklch": "33% 0.13 260.9", "hex": "#062f76" },
      "700": { "oklch": "25.5% 0.13 265.5", "hex": "#051660" },
      "800": { "oklch": "21.5% 0.11 266", "hex": "#040f4b" },
      "900": { "oklch": "17% 0.08 266", "hex": "#020931" }
    },
    "accent": {
      "100": { "oklch": "97% 0.03 85.5", "hex": "#fef4df" },
      "500": { "oklch": "81% 0.16 85.9", "hex": "#efb81e" },
      "900": { "oklch": "29% 0.06 69.5", "hex": "#3e2503" }
    },
    "neutral": {
      "100": { "oklch": "97.8% 0.01 262", "hex": "#f4f8ff" },
      "450": { "oklch": "61% 0.03 262", "hex": "#798496" },
      "500": { "oklch": "45% 0.03 260", "hex": "#4c5666" },
      "600": { "oklch": "40.3% 0.03 262", "hex": "#404959" },
      "900": { "oklch": "19.5% 0.03 260", "hex": "#0d1522" },
      "white": { "oklch": "100% 0 0", "hex": "#ffffff" },
      "black": { "oklch": "0% 0 0", "hex": "#000000" }
    },
    "information": {
      "100": { "oklch": "97% 0.01 253", "hex": "#f1f6fc" },
      "500": { "oklch": "58.5% 0.19 257", "hex": "#1d78e9" },
      "900": { "oklch": "21% 0.07 258", "hex": "#021738" }
    },
    "success": {
      "100": { "oklch": "93.5% 0.05 141", "hex": "#d8f3d3" },
      "500": { "oklch": "70.5% 0.19 142", "hex": "#4abc40" },
      "650": { "oklch": "52% 0.12 142", "hex": "#3b7a35" },
      "900": { "oklch": "17% 0.03 144", "hex": "#071307" }
    },
    "warning": {
      "100": { "oklch": "96% 0.019 62.5", "hex": "#fbefe5" },
      "500": { "oklch": "75% 0.15 54", "hex": "#f69147" },
      "900": { "oklch": "24% 0.05 46.7", "hex": "#321709" }
    },
    "error": {
      "100": { "oklch": "95% 0.02 25", "hex": "#fceae8" },
      "450": { "oklch": "52% 0.18 26", "hex": "#ba2b2b" },
      "500": { "oklch": "46.5% 0.18 29", "hex": "#a7130e" },
      "900": { "oklch": "16.5% 0.06 30", "hex": "#220201" }
    }
  },
  "typography": {
    "source": "https://www.figma.com/design/Vnc34wL28GUCKuCG7C3lEO/Design-system-Numera11y-v-1.3?node-id=2-1739",
    "heading": {
      "h1": { "fontSize": "60px", "lineHeight": "72px", "letterSpacing": "-1.2px" },
      "h2": { "fontSize": "48px", "lineHeight": "57.6px", "letterSpacing": "-0.96px" },
      "h3": { "fontSize": "40px", "lineHeight": "48px", "letterSpacing": "-0.8px" },
      "h4": { "fontSize": "32px", "lineHeight": "38.4px", "letterSpacing": "-0.64px" },
      "h5": { "fontSize": "24px", "lineHeight": "28.8px", "letterSpacing": "-0.48px" },
      "h6": { "fontSize": "20px", "lineHeight": "24px", "letterSpacing": "-0.4px" }
    },
    "body": {
      "small": { "fontSize": "12px", "lineHeight": "21px", "letterSpacing": "0.24px" },
      "medium": { "fontSize": "16px", "lineHeight": "25.6px", "letterSpacing": "0.32px" },
      "large": { "fontSize": "20px", "lineHeight": "32px", "letterSpacing": "0.4px" }
    },
    "imageRatios": ["1:1", "8:5", "3:4", "3:2"]
  },
  "snackbar": {
    "source": "https://www.figma.com/design/Vnc34wL28GUCKuCG7C3lEO/Design-system-Numera11y-v-1.3?node-id=2-1453",
    "variants": ["brand", "information", "success", "warning", "error"],
    "maxWidth": "511px"
  },
  "progress": {
    "source": "https://www.figma.com/design/Vnc34wL28GUCKuCG7C3lEO/Design-system-Numera11y-v-1.3?node-id=2-1420",
    "barHeights": { "small": "2px", "medium": "4px" },
    "circleSizes": { "small": "64px", "medium": "128px" }
  },
  "slots": {
    "source": "https://www.figma.com/design/Vnc34wL28GUCKuCG7C3lEO/Design-system-Numera11y-v-1.3?node-id=2-1619",
    "gap": "24px",
    "minWidth": "139px",
    "layouts": ["slots-layout--column", "slots-layout--row"]
  },
  "borderRadius": {
    "4": "4px",
    "8": "8px",
    "16": "16px"
  },
  "depth": {
    "source": "https://www.figma.com/design/Vnc34wL28GUCKuCG7C3lEO/Design-system-Numera11y-v-1.3?node-id=2-1959",
    "inset": "0 1px 0 oklch(61% 0.03 262 / 0.15), inset 0 2px 2px oklch(0% 0 0 / 0.1)",
    "xs": "0 2px 4px oklch(40.3% 0.03 262 / 0.12), 0 1px 2px oklch(40.3% 0.03 262 / 0.24)",
    "sm": "0 4px 8px oklch(40.3% 0.03 262 / 0.15), 0 2px 4px oklch(40.3% 0.03 262 / 0.12)",
    "md": "0 10px 20px oklch(40.3% 0.03 262 / 0.15), 0 4px 8px oklch(40.3% 0.03 262 / 0.1)",
    "lg": "0 16px 24px oklch(40.3% 0.03 262 / 0.15), 0 6px 12px oklch(40.3% 0.03 262 / 0.05)",
    "xl": "0 20px 40px oklch(40.3% 0.03 262 / 0.2)"
  }
}