{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "prfct color tokens — light mode",
  "color": {
    "gray": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.992,
            0.0019,
            264
          ],
          "hex": "#fcfcfe"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.992 0.002 264)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.979,
            0.0026,
            264
          ],
          "hex": "#f7f8fa"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.979 0.0026 264)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.958,
            0.0036,
            264
          ],
          "hex": "#f0f1f4"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.958 0.0036 264)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.936,
            0.0042,
            264
          ],
          "hex": "#e8eaed"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.936 0.0042 264)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.913,
            0.0049,
            264
          ],
          "hex": "#e0e2e6"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.913 0.0049 264)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.889,
            0.0055,
            264
          ],
          "hex": "#d8dade"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.889 0.0055 264)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.853,
            0.0062,
            264
          ],
          "hex": "#cdcfd3"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.853 0.0062 264)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.789,
            0.0065,
            264
          ],
          "hex": "#b8babe"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.789 0.0065 264)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.64,
            0.0065,
            264
          ],
          "hex": "#8a8c90"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.64 0.0065 264)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.604,
            0.0065,
            264
          ],
          "hex": "#7f8185"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.604 0.0065 264)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5,
            0.0059,
            264
          ],
          "hex": "#616367"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5 0.0059 264)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.228,
            0.0049,
            264
          ],
          "hex": "#1b1c1f"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.228 0.0049 264)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.2,
            0.0019,
            264
          ],
          "hex": "#161617"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.2 0.002 264)"
          }
        }
      }
    },
    "brand": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0032,
            267
          ],
          "hex": "#fcfdff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0032 267)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0089,
            267
          ],
          "hex": "#f6f9ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0089 267)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0183,
            267
          ],
          "hex": "#ecf2ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0183 267)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0294,
            267
          ],
          "hex": "#e2eaff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0294 267)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0436,
            267
          ],
          "hex": "#d4e1ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0436 267)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.0622,
            267
          ],
          "hex": "#c2d5ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.0622 267)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.0894,
            267
          ],
          "hex": "#aac3ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.0894 267)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.1304,
            267
          ],
          "hex": "#87a9ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.1304 267)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.515,
            0.24,
            267
          ],
          "hex": "#2c4fee"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.515 0.24 267)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.48,
            0.2352,
            267
          ],
          "hex": "#2544df"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.48 0.2352 267)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5,
            0.216,
            267
          ],
          "hex": "#2d50dc"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5 0.216 267)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.1008,
            267
          ],
          "hex": "#1b2c64"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.1008 267)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            1,
            0,
            0
          ],
          "hex": "#ffffff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(1 0 0)"
          }
        }
      }
    },
    "red": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0034,
            26
          ],
          "hex": "#fffcfb"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0034 26)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0092,
            26
          ],
          "hex": "#fff7f5"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0092 26)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0192,
            26
          ],
          "hex": "#ffeeeb"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0192 26)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0312,
            26
          ],
          "hex": "#ffe3e0"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0312 26)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0469,
            26
          ],
          "hex": "#ffd6d1"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0469 26)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.0683,
            26
          ],
          "hex": "#ffc4be"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.0683 26)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.1009,
            26
          ],
          "hex": "#ffaba2"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.1009 26)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.1378,
            26
          ],
          "hex": "#f7877e"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.1378 26)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.572,
            0.212,
            26
          ],
          "hex": "#d9262c"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.572 0.212 26)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.537,
            0.2078,
            26
          ],
          "hex": "#cb1722"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.537 0.2078 26)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5183,
            0.1908,
            26
          ],
          "hex": "#be2126"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5183 0.1908 26)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.089,
            26
          ],
          "hex": "#561b18"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.089 26)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            1,
            0,
            0
          ],
          "hex": "#ffffff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(1 0 0)"
          }
        }
      }
    },
    "amber": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0034,
            90
          ],
          "hex": "#fefdfa"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0034 90)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0093,
            88.18
          ],
          "hex": "#fbf9f2"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0093 88.18)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0386,
            86.36
          ],
          "hex": "#fef1d5"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0386 86.36)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0644,
            84.55
          ],
          "hex": "#ffe8ba"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0644 84.55)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0902,
            82.73
          ],
          "hex": "#ffdc9b"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0902 82.73)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.1191,
            80.91
          ],
          "hex": "#fdcd75"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.1191 80.91)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.1546,
            79.09
          ],
          "hex": "#f9b736"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.1546 79.09)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.1557,
            77.27
          ],
          "hex": "#e29d00"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.1557 77.27)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.805,
            0.1695,
            75.45
          ],
          "hex": "#fdad00"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.805 0.1695 75.45)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.77,
            0.1635,
            73.64
          ],
          "hex": "#f1a100"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.77 0.1635 73.64)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5032,
            0.1079,
            71.82
          ],
          "hex": "#895800"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5032 0.1079 71.82)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.0682,
            70
          ],
          "hex": "#472a00"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.0682 70)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.2,
            0.0421,
            75.45
          ],
          "hex": "#211300"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.2 0.0421 75.45)"
          }
        }
      }
    },
    "green": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0028,
            150
          ],
          "hex": "#fbfdfc"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0028 150)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0077,
            150.36
          ],
          "hex": "#f5faf6"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0077 150.36)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0184,
            150.73
          ],
          "hex": "#eaf6ec"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0184 150.73)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0306,
            151.09
          ],
          "hex": "#ddf1e0"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0306 151.09)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0429,
            151.45
          ],
          "hex": "#cdead3"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0429 151.45)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.0567,
            151.82
          ],
          "hex": "#bae0c3"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.0567 151.82)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.0736,
            152.18
          ],
          "hex": "#a1d2ad"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.0736 152.18)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.0996,
            152.55
          ],
          "hex": "#7abf8e"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.0996 152.55)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.54,
            0.1393,
            152.91
          ],
          "hex": "#008545"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.54 0.1393 152.91)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.505,
            0.1293,
            153.27
          ],
          "hex": "#00793f"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.505 0.1293 153.27)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.4885,
            0.1241,
            153.64
          ],
          "hex": "#00733d"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.4885 0.1241 153.64)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.0585,
            154
          ],
          "hex": "#163a24"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.0585 154)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            1,
            0,
            0
          ],
          "hex": "#ffffff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(1 0 0)"
          }
        }
      }
    },
    "blue": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0034,
            253
          ],
          "hex": "#fbfdff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0034 253)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0092,
            253
          ],
          "hex": "#f5f9ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0092 253)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0189,
            253
          ],
          "hex": "#e9f3ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0189 253)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0304,
            253
          ],
          "hex": "#ddecff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0304 253)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0451,
            253
          ],
          "hex": "#cce3ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0451 253)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.0639,
            253
          ],
          "hex": "#b8d8ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.0639 253)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.0829,
            253
          ],
          "hex": "#9ec8f9"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.0829 253)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.1122,
            253
          ],
          "hex": "#78b0f2"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.1122 253)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.56,
            0.1727,
            253
          ],
          "hex": "#0074d5"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.56 0.1727 253)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.525,
            0.1619,
            253
          ],
          "hex": "#006ac4"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.525 0.1619 253)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5015,
            0.1547,
            253
          ],
          "hex": "#0063b8"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5015 0.1547 253)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.0725,
            253
          ],
          "hex": "#133255"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.0725 253)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            1,
            0,
            0
          ],
          "hex": "#ffffff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(1 0 0)"
          }
        }
      }
    },
    "orange": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0038,
            50
          ],
          "hex": "#fffcfa"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0038 50)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0103,
            49.27
          ],
          "hex": "#fff7f3"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0103 49.27)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0213,
            48.55
          ],
          "hex": "#ffeee6"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0213 48.55)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0343,
            47.82
          ],
          "hex": "#ffe4d7"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0343 47.82)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0513,
            47.09
          ],
          "hex": "#ffd7c4"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0513 47.09)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.074,
            46.36
          ],
          "hex": "#ffc7ac"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.074 46.36)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.1003,
            45.64
          ],
          "hex": "#fbb08d"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.1003 45.64)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.1359,
            44.91
          ],
          "hex": "#f28f60"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.1359 44.91)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.665,
            0.19,
            44.18
          ],
          "hex": "#ee620a"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.665 0.19 44.18)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.63,
            0.1851,
            43.45
          ],
          "hex": "#e05800"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.63 0.1851 43.45)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5115,
            0.1523,
            42.73
          ],
          "hex": "#aa4000"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5115 0.1523 42.73)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.0798,
            42
          ],
          "hex": "#52210c"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.0798 42)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.2,
            0.05,
            44.18
          ],
          "hex": "#280d03"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.2 0.05 44.18)"
          }
        }
      }
    },
    "teal": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.002,
            181
          ],
          "hex": "#fbfdfd"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.002 181)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0054,
            181.36
          ],
          "hex": "#f5faf9"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0054 181.36)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0141,
            181.73
          ],
          "hex": "#e9f5f3"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0141 181.73)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0234,
            182.09
          ],
          "hex": "#daf0ec"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0234 182.09)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0328,
            182.45
          ],
          "hex": "#cae9e3"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0328 182.45)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.0433,
            182.82
          ],
          "hex": "#b6dfd7"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.0433 182.82)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.0562,
            183.18
          ],
          "hex": "#9cd1c7"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.0562 183.18)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.0761,
            183.55
          ],
          "hex": "#72bcb1"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.0761 183.55)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5507,
            0.0976,
            183.91
          ],
          "hex": "#008478"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5507 0.0976 183.91)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5157,
            0.0912,
            184.27
          ],
          "hex": "#00786e"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5157 0.0912 184.27)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.4911,
            0.0867,
            184.64
          ],
          "hex": "#007067"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.4911 0.0867 184.64)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.041,
            185
          ],
          "hex": "#163834"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.041 185)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            1,
            0,
            0
          ],
          "hex": "#ffffff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(1 0 0)"
          }
        }
      }
    },
    "violet": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0036,
            294
          ],
          "hex": "#fdfcff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0036 294)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0099,
            294
          ],
          "hex": "#f9f8ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0099 294)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0204,
            294
          ],
          "hex": "#f2f0ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0204 294)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0328,
            294
          ],
          "hex": "#ebe7ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0328 294)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0487,
            294
          ],
          "hex": "#e2dbff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0487 294)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.0695,
            294
          ],
          "hex": "#d7cdff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.0695 294)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.0999,
            294
          ],
          "hex": "#c7b8ff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.0999 294)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.1398,
            294
          ],
          "hex": "#b29afc"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.1398 294)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.535,
            0.215,
            294
          ],
          "hex": "#7945da"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.535 0.215 294)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5,
            0.2107,
            294
          ],
          "hex": "#6f3acc"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5 0.2107 294)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5173,
            0.1935,
            294
          ],
          "hex": "#7246ca"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.5173 0.1935 294)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.0903,
            294
          ],
          "hex": "#35265a"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.0903 294)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            1,
            0,
            0
          ],
          "hex": "#ffffff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(1 0 0)"
          }
        }
      }
    },
    "pink": {
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.993,
            0.0039,
            352
          ],
          "hex": "#fffcfd"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.993 0.0039 352)"
          }
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.981,
            0.0106,
            352
          ],
          "hex": "#fff6f9"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.981 0.0106 352)"
          }
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.961,
            0.0222,
            352
          ],
          "hex": "#ffecf4"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.961 0.0222 352)"
          }
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.938,
            0.0361,
            352
          ],
          "hex": "#ffe1ed"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.938 0.0361 352)"
          }
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.909,
            0.0544,
            352
          ],
          "hex": "#ffd3e5"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.909 0.0544 352)"
          }
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.872,
            0.0722,
            352
          ],
          "hex": "#fbc2da"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.872 0.0722 352)"
          }
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.82,
            0.0936,
            352
          ],
          "hex": "#f4abca"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.82 0.0936 352)"
          }
        }
      },
      "8": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.745,
            0.1268,
            352
          ],
          "hex": "#e989b5"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.745 0.1268 352)"
          }
        }
      },
      "9": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.585,
            0.195,
            352
          ],
          "hex": "#cb3a88"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.585 0.195 352)"
          }
        }
      },
      "10": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.55,
            0.1911,
            352
          ],
          "hex": "#be2f7d"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.55 0.1911 352)"
          }
        }
      },
      "11": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.517,
            0.1755,
            352
          ],
          "hex": "#ad2d72"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.517 0.1755 352)"
          }
        }
      },
      "12": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.315,
            0.0819,
            352
          ],
          "hex": "#4f1d36"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(0.315 0.0819 352)"
          }
        }
      },
      "contrast": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            1,
            0,
            0
          ],
          "hex": "#ffffff"
        },
        "$extensions": {
          "design.prfct": {
            "css": "oklch(1 0 0)"
          }
        }
      }
    }
  },
  "semantic": {
    "background": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      },
      "$extensions": {
        "design.prfct": {
          "css": "oklch(1 0 0)"
        }
      },
      "$description": "The page canvas."
    },
    "foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Default text and icons."
    },
    "card": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      },
      "$extensions": {
        "design.prfct": {
          "css": "oklch(1 0 0)"
        }
      },
      "$description": "Raised surfaces: cards, panels, tiles."
    },
    "card-foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Text on cards."
    },
    "popover": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      },
      "$extensions": {
        "design.prfct": {
          "css": "oklch(1 0 0)"
        }
      },
      "$description": "Floating surfaces: menus, popovers, tooltips, dialogs."
    },
    "popover-foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Text on floating surfaces."
    },
    "field": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      },
      "$extensions": {
        "design.prfct": {
          "css": "oklch(1 0 0)"
        }
      },
      "$description": "Background of text fields and selection controls."
    },
    "surface-raised": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      },
      "$extensions": {
        "design.prfct": {
          "css": "oklch(1 0 0)"
        }
      },
      "$description": "Raised element inside a muted rail: segmented-control thumbs."
    },
    "surface": {
      "$type": "color",
      "$value": "{color.gray.1}",
      "$description": "Recessed areas that frame content: sidebars, wells, code."
    },
    "surface-foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Text on recessed areas."
    },
    "primary": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "The single most important action. Monochrome by default."
    },
    "primary-foreground": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      },
      "$extensions": {
        "design.prfct": {
          "css": "oklch(1 0 0)"
        }
      },
      "$description": "Text on primary."
    },
    "secondary": {
      "$type": "color",
      "$value": "{color.gray.3}",
      "$description": "Supporting actions and quiet fills."
    },
    "secondary-foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Text on secondary."
    },
    "muted": {
      "$type": "color",
      "$value": "{color.gray.3}",
      "$description": "De-emphasized fills: tracks, skeletons, tab rails."
    },
    "muted-foreground": {
      "$type": "color",
      "$value": "{color.gray.11}",
      "$description": "Secondary text, descriptions, placeholders. Meets 4.5:1."
    },
    "accent": {
      "$type": "color",
      "$value": "{color.gray.3}",
      "$description": "Hover and highlight fill for items in lists and menus."
    },
    "accent-foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Text on accent."
    },
    "brand": {
      "$type": "color",
      "$value": "{color.brand.9}",
      "$description": "Brand color. Selection, progress, checked states, emphasis."
    },
    "brand-foreground": {
      "$type": "color",
      "$value": "{color.brand.contrast}",
      "$description": "Text on brand."
    },
    "link": {
      "$type": "color",
      "$value": "{color.brand.11}",
      "$description": "Inline links."
    },
    "destructive": {
      "$type": "color",
      "$value": "{color.red.9}",
      "$description": "Destructive actions and errors. Fills use `danger-9`; text uses `danger-11`."
    },
    "destructive-foreground": {
      "$type": "color",
      "$value": "{color.red.contrast}",
      "$description": "Text on destructive."
    },
    "success": {
      "$type": "color",
      "$value": "{color.green.9}",
      "$description": "Positive outcomes."
    },
    "success-foreground": {
      "$type": "color",
      "$value": "{color.green.contrast}",
      "$description": "Text on success."
    },
    "warning": {
      "$type": "color",
      "$value": "{color.amber.9}",
      "$description": "Caution. Always paired with dark text."
    },
    "warning-foreground": {
      "$type": "color",
      "$value": "{color.amber.contrast}",
      "$description": "Text on warning."
    },
    "info": {
      "$type": "color",
      "$value": "{color.blue.9}",
      "$description": "Neutral information."
    },
    "info-foreground": {
      "$type": "color",
      "$value": "{color.blue.contrast}",
      "$description": "Text on info."
    },
    "border": {
      "$type": "color",
      "$value": "{color.gray.6}",
      "$description": "Structural borders: cards, dividers, tables. Decorative."
    },
    "border-strong": {
      "$type": "color",
      "$value": "{color.gray.7}",
      "$description": "Emphasized structure and hovered outlines."
    },
    "input": {
      "$type": "color",
      "$value": "{color.gray.9}",
      "$description": "Boundaries of form controls. Meets 3:1 against the page (WCAG 1.4.11)."
    },
    "ring": {
      "$type": "color",
      "$value": "{color.brand.9}",
      "$description": "Keyboard focus indicator. Meets 3:1 against every surface."
    },
    "edge": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Hairline ring around floating surfaces (menus, popovers, dialogs).",
      "$extensions": {
        "design.prfct": {
          "alpha": "8%"
        }
      }
    },
    "overlay": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Scrim behind modal surfaces.",
      "$extensions": {
        "design.prfct": {
          "alpha": "32%"
        }
      }
    },
    "selection": {
      "$type": "color",
      "$value": "{color.brand.5}",
      "$description": "Text selection highlight."
    },
    "chart-1": {
      "$type": "color",
      "$value": "{color.brand.9}",
      "$description": "Series 1."
    },
    "chart-2": {
      "$type": "color",
      "$value": "{color.teal.9}",
      "$description": "Series 2."
    },
    "chart-3": {
      "$type": "color",
      "$value": "{color.violet.9}",
      "$description": "Series 3."
    },
    "chart-4": {
      "$type": "color",
      "$value": "{color.orange.9}",
      "$description": "Series 4."
    },
    "chart-5": {
      "$type": "color",
      "$value": "{color.pink.9}",
      "$description": "Series 5."
    },
    "sidebar": {
      "$type": "color",
      "$value": "{color.gray.1}",
      "$description": "Sidebar surface."
    },
    "sidebar-foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Sidebar text."
    },
    "sidebar-primary": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Sidebar primary action."
    },
    "sidebar-primary-foreground": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      },
      "$extensions": {
        "design.prfct": {
          "css": "oklch(1 0 0)"
        }
      },
      "$description": "Text on sidebar primary."
    },
    "sidebar-accent": {
      "$type": "color",
      "$value": "{color.gray.4}",
      "$description": "Sidebar item hover and active fill."
    },
    "sidebar-accent-foreground": {
      "$type": "color",
      "$value": "{color.gray.12}",
      "$description": "Text on sidebar accent."
    },
    "sidebar-border": {
      "$type": "color",
      "$value": "{color.gray.6}",
      "$description": "Sidebar borders."
    },
    "sidebar-ring": {
      "$type": "color",
      "$value": "{color.brand.9}",
      "$description": "Sidebar focus ring."
    }
  }
}