@lmfaole/basics 0.3.0 → 0.5.0

package/basic-styling/tokens/palette.tokens.json

@@ -0,0 +1,1787 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "basic": {
+    "palette": {
+      "slate": {
+        "$description": "Neutral slate palette used as the default starter styling theme.",
+        "base": {
+          "$type": "color",
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  98.6,
+                  0.004,
+                  255
+                ]
+              },
+              "$description": "slate base surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  27.8,
+                  0.033,
+                  256.848
+                ]
+              },
+              "$description": "slate base surface color for dark mode."
+            }
+          },
+          "text": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  21,
+                  0.034,
+                  264.665
+                ]
+              },
+              "$description": "slate base text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  98.5,
+                  0.002,
+                  247.839
+                ]
+              },
+              "$description": "slate base text color for dark mode."
+            }
+          },
+          "accent": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  54.6,
+                  0.245,
+                  262.881
+                ]
+              },
+              "$description": "slate accent color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  70.7,
+                  0.165,
+                  254.624
+                ]
+              },
+              "$description": "slate accent color for dark mode."
+            }
+          }
+        },
+        "computed": {
+          "$type": "color",
+          "background": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  98.712,
+                  0.00368,
+                  255
+                ]
+              },
+              "$description": "slate computed background color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  22.796,
+                  0.02706,
+                  256.848
+                ]
+              },
+              "$description": "slate computed background color for dark mode."
+            }
+          },
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  98.656,
+                  0.00384,
+                  255
+                ]
+              },
+              "$description": "slate computed surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  26.132,
+                  0.03102,
+                  256.848
+                ]
+              },
+              "$description": "slate computed surface color for dark mode."
+            }
+          },
+          "surface-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  94.2,
+                  0.0281,
+                  255.788
+                ]
+              },
+              "$description": "slate computed muted surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  35.522,
+                  0.05676,
+                  256.448
+                ]
+              },
+              "$description": "slate computed muted surface color for dark mode."
+            }
+          },
+          "surface-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  93.32,
+                  0.03292,
+                  255.946
+                ]
+              },
+              "$description": "slate computed hover surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  36.38,
+                  0.0594,
+                  256.403
+                ]
+              },
+              "$description": "slate computed hover surface color for dark mode."
+            }
+          },
+          "surface-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  91.56,
+                  0.04256,
+                  256.261
+                ]
+              },
+              "$description": "slate computed active surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  38.954,
+                  0.06732,
+                  256.27
+                ]
+              },
+              "$description": "slate computed active surface color for dark mode."
+            }
+          },
+          "surface-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  92.44,
+                  0.03774,
+                  256.103
+                ]
+              },
+              "$description": "slate computed selected surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  38.096,
+                  0.06468,
+                  256.314
+                ]
+              },
+              "$description": "slate computed selected surface color for dark mode."
+            }
+          },
+          "surface-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  90.68,
+                  0.04738,
+                  256.419
+                ]
+              },
+              "$description": "slate computed checked surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  40.67,
+                  0.0726,
+                  256.181
+                ]
+              },
+              "$description": "slate computed checked surface color for dark mode."
+            }
+          },
+          "text-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  45.832,
+                  0.0244,
+                  261.572
+                ]
+              },
+              "$description": "slate computed muted text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  82.946,
+                  0.00882,
+                  249.821
+                ]
+              },
+              "$description": "slate computed muted text color for dark mode."
+            }
+          },
+          "border": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  86.184,
+                  0.0088,
+                  256.546
+                ]
+              },
+              "$description": "slate computed border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  44.768,
+                  0.02556,
+                  254.686
+                ]
+              },
+              "$description": "slate computed border color for dark mode."
+            }
+          },
+          "border-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  80.499,
+                  0.051316,
+                  257.686
+                ]
+              },
+              "$description": "slate computed hover border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  52.029,
+                  0.064603,
+                  254.669
+                ]
+              },
+              "$description": "slate computed hover border color for dark mode."
+            }
+          },
+          "border-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  78.604,
+                  0.065488,
+                  258.066
+                ]
+              },
+              "$description": "slate computed active border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  54.104,
+                  0.075758,
+                  254.664
+                ]
+              },
+              "$description": "slate computed active border color for dark mode."
+            }
+          },
+          "border-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  79.236,
+                  0.060764,
+                  257.94
+                ]
+              },
+              "$description": "slate computed selected border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  53.585,
+                  0.07297,
+                  254.665
+                ]
+              },
+              "$description": "slate computed selected border color for dark mode."
+            }
+          },
+          "border-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  77.34,
+                  0.074936,
+                  258.32
+                ]
+              },
+              "$description": "slate computed checked border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  55.141,
+                  0.081336,
+                  254.661
+                ]
+              },
+              "$description": "slate computed checked border color for dark mode."
+            }
+          },
+          "overlay": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  5.04,
+                  0.00816,
+                  264.665
+                ],
+                "alpha": 0.24
+              },
+              "$description": "slate computed overlay color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  0,
+                  0,
+                  0
+                ],
+                "alpha": 0.56
+              },
+              "$description": "slate computed overlay color for dark mode."
+            }
+          },
+          "focus": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  15.288,
+                  0.0686,
+                  262.881
+                ],
+                "alpha": 0.28
+              },
+              "$description": "slate computed focus color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  26.866,
+                  0.0627,
+                  254.624
+                ],
+                "alpha": 0.38
+              },
+              "$description": "slate computed focus color for dark mode."
+            }
+          }
+        }
+      },
+      "sand": {
+        "$description": "Warm sand palette with muted earth tones and an amber accent.",
+        "base": {
+          "$type": "color",
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.8,
+                  0.012,
+                  85
+                ]
+              },
+              "$description": "sand base surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  30.5,
+                  0.022,
+                  75
+                ]
+              },
+              "$description": "sand base surface color for dark mode."
+            }
+          },
+          "text": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  29,
+                  0.028,
+                  65
+                ]
+              },
+              "$description": "sand base text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  96.4,
+                  0.01,
+                  85
+                ]
+              },
+              "$description": "sand base text color for dark mode."
+            }
+          },
+          "accent": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  63,
+                  0.18,
+                  58
+                ]
+              },
+              "$description": "sand accent color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  76,
+                  0.14,
+                  72
+                ]
+              },
+              "$description": "sand accent color for dark mode."
+            }
+          }
+        },
+        "computed": {
+          "$type": "color",
+          "background": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.976,
+                  0.01104,
+                  85
+                ]
+              },
+              "$description": "sand computed background color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  25.01,
+                  0.01804,
+                  75
+                ]
+              },
+              "$description": "sand computed background color for dark mode."
+            }
+          },
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.888,
+                  0.01152,
+                  85
+                ]
+              },
+              "$description": "sand computed surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  28.67,
+                  0.02068,
+                  75
+                ]
+              },
+              "$description": "sand computed surface color for dark mode."
+            }
+          },
+          "surface-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  94.32,
+                  0.0288,
+                  82.3
+                ]
+              },
+              "$description": "sand computed muted surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  38.69,
+                  0.04324,
+                  74.46
+                ]
+              },
+              "$description": "sand computed muted surface color for dark mode."
+            }
+          },
+          "surface-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  93.624,
+                  0.03216,
+                  81.76
+                ]
+              },
+              "$description": "sand computed hover surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  39.6,
+                  0.0456,
+                  74.4
+                ]
+              },
+              "$description": "sand computed hover surface color for dark mode."
+            }
+          },
+          "surface-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  92.232,
+                  0.03888,
+                  80.68
+                ]
+              },
+              "$description": "sand computed active surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  42.33,
+                  0.05268,
+                  74.22
+                ]
+              },
+              "$description": "sand computed active surface color for dark mode."
+            }
+          },
+          "surface-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  92.928,
+                  0.03552,
+                  81.22
+                ]
+              },
+              "$description": "sand computed selected surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  41.42,
+                  0.05032,
+                  74.28
+                ]
+              },
+              "$description": "sand computed selected surface color for dark mode."
+            }
+          },
+          "surface-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  91.536,
+                  0.04224,
+                  80.14
+                ]
+              },
+              "$description": "sand computed checked surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  44.15,
+                  0.0574,
+                  74.1
+                ]
+              },
+              "$description": "sand computed checked surface color for dark mode."
+            }
+          },
+          "text-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  51.016,
+                  0.02288,
+                  71.4
+                ]
+              },
+              "$description": "sand computed muted text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  81.902,
+                  0.01264,
+                  82.8
+                ]
+              },
+              "$description": "sand computed muted text color for dark mode."
+            }
+          },
+          "border": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  86.792,
+                  0.01456,
+                  81.8
+                ]
+              },
+              "$description": "sand computed border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  46.316,
+                  0.01912,
+                  77.4
+                ]
+              },
+              "$description": "sand computed border color for dark mode."
+            }
+          },
+          "border-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  82.509,
+                  0.044339,
+                  77.516
+                ]
+              },
+              "$description": "sand computed hover border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  54.628,
+                  0.052966,
+                  75.888
+                ]
+              },
+              "$description": "sand computed hover border color for dark mode."
+            }
+          },
+          "border-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  81.082,
+                  0.054266,
+                  76.088
+                ]
+              },
+              "$description": "sand computed active border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  57.002,
+                  0.062637,
+                  75.456
+                ]
+              },
+              "$description": "sand computed active border color for dark mode."
+            }
+          },
+          "border-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  81.558,
+                  0.050957,
+                  76.564
+                ]
+              },
+              "$description": "sand computed selected border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  56.409,
+                  0.060219,
+                  75.564
+                ]
+              },
+              "$description": "sand computed selected border color for dark mode."
+            }
+          },
+          "border-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  80.13,
+                  0.060883,
+                  75.136
+                ]
+              },
+              "$description": "sand computed checked border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  58.19,
+                  0.067472,
+                  75.24
+                ]
+              },
+              "$description": "sand computed checked border color for dark mode."
+            }
+          },
+          "overlay": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  6.96,
+                  0.00672,
+                  65
+                ],
+                "alpha": 0.24
+              },
+              "$description": "sand computed overlay color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  0,
+                  0,
+                  0
+                ],
+                "alpha": 0.56
+              },
+              "$description": "sand computed overlay color for dark mode."
+            }
+          },
+          "focus": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  17.64,
+                  0.0504,
+                  58
+                ],
+                "alpha": 0.28
+              },
+              "$description": "sand computed focus color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  28.88,
+                  0.0532,
+                  72
+                ],
+                "alpha": 0.38
+              },
+              "$description": "sand computed focus color for dark mode."
+            }
+          }
+        }
+      },
+      "ocean": {
+        "$description": "Cool ocean palette with blue surfaces and a brighter cyan-blue accent.",
+        "base": {
+          "$type": "color",
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.4,
+                  0.01,
+                  225
+                ]
+              },
+              "$description": "ocean base surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  30,
+                  0.04,
+                  245
+                ]
+              },
+              "$description": "ocean base surface color for dark mode."
+            }
+          },
+          "text": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  28,
+                  0.05,
+                  250
+                ]
+              },
+              "$description": "ocean base text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  95.2,
+                  0.01,
+                  225
+                ]
+              },
+              "$description": "ocean base text color for dark mode."
+            }
+          },
+          "accent": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  62,
+                  0.14,
+                  222
+                ]
+              },
+              "$description": "ocean accent color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  77,
+                  0.11,
+                  210
+                ]
+              },
+              "$description": "ocean accent color for dark mode."
+            }
+          }
+        },
+        "computed": {
+          "$type": "color",
+          "background": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.608,
+                  0.0092,
+                  225
+                ]
+              },
+              "$description": "ocean computed background color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  24.6,
+                  0.0328,
+                  245
+                ]
+              },
+              "$description": "ocean computed background color for dark mode."
+            }
+          },
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.504,
+                  0.0096,
+                  225
+                ]
+              },
+              "$description": "ocean computed surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  28.2,
+                  0.0376,
+                  245
+                ]
+              },
+              "$description": "ocean computed surface color for dark mode."
+            }
+          },
+          "surface-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  93.86,
+                  0.023,
+                  224.7
+                ]
+              },
+              "$description": "ocean computed muted surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  38.46,
+                  0.0526,
+                  238.7
+                ]
+              },
+              "$description": "ocean computed muted surface color for dark mode."
+            }
+          },
+          "surface-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  93.152,
+                  0.0256,
+                  224.64
+                ]
+              },
+              "$description": "ocean computed hover surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  39.4,
+                  0.054,
+                  238
+                ]
+              },
+              "$description": "ocean computed hover surface color for dark mode."
+            }
+          },
+          "surface-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  91.736,
+                  0.0308,
+                  224.52
+                ]
+              },
+              "$description": "ocean computed active surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  42.22,
+                  0.0582,
+                  235.9
+                ]
+              },
+              "$description": "ocean computed active surface color for dark mode."
+            }
+          },
+          "surface-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  92.444,
+                  0.0282,
+                  224.58
+                ]
+              },
+              "$description": "ocean computed selected surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  41.28,
+                  0.0568,
+                  236.6
+                ]
+              },
+              "$description": "ocean computed selected surface color for dark mode."
+            }
+          },
+          "surface-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  91.028,
+                  0.0334,
+                  224.46
+                ]
+              },
+              "$description": "ocean computed checked surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  44.1,
+                  0.061,
+                  234.5
+                ]
+              },
+              "$description": "ocean computed checked surface color for dark mode."
+            }
+          },
+          "text-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  50.208,
+                  0.0372,
+                  242
+                ]
+              },
+              "$description": "ocean computed muted text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  80.856,
+                  0.0166,
+                  229.4
+                ]
+              },
+              "$description": "ocean computed muted text color for dark mode."
+            }
+          },
+          "border": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  86.296,
+                  0.0164,
+                  229
+                ]
+              },
+              "$description": "ocean computed border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  45.648,
+                  0.0328,
+                  240.2
+                ]
+              },
+              "$description": "ocean computed border color for dark mode."
+            }
+          },
+          "border-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  81.923,
+                  0.038648,
+                  227.74
+                ]
+              },
+              "$description": "ocean computed hover border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  54.427,
+                  0.054416,
+                  231.744
+                ]
+              },
+              "$description": "ocean computed hover border color for dark mode."
+            }
+          },
+          "border-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  80.465,
+                  0.046064,
+                  227.32
+                ]
+              },
+              "$description": "ocean computed active border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  56.935,
+                  0.060592,
+                  229.328
+                ]
+              },
+              "$description": "ocean computed active border color for dark mode."
+            }
+          },
+          "border-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  80.951,
+                  0.043592,
+                  227.46
+                ]
+              },
+              "$description": "ocean computed selected border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  56.308,
+                  0.059048,
+                  229.932
+                ]
+              },
+              "$description": "ocean computed selected border color for dark mode."
+            }
+          },
+          "border-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  79.493,
+                  0.051008,
+                  227.04
+                ]
+              },
+              "$description": "ocean computed checked border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  58.189,
+                  0.06368,
+                  228.12
+                ]
+              },
+              "$description": "ocean computed checked border color for dark mode."
+            }
+          },
+          "overlay": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  6.72,
+                  0.012,
+                  250
+                ],
+                "alpha": 0.24
+              },
+              "$description": "ocean computed overlay color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  0,
+                  0,
+                  0
+                ],
+                "alpha": 0.56
+              },
+              "$description": "ocean computed overlay color for dark mode."
+            }
+          },
+          "focus": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  17.36,
+                  0.0392,
+                  222
+                ],
+                "alpha": 0.28
+              },
+              "$description": "ocean computed focus color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  29.26,
+                  0.0418,
+                  210
+                ],
+                "alpha": 0.38
+              },
+              "$description": "ocean computed focus color for dark mode."
+            }
+          }
+        }
+      },
+      "berry": {
+        "$description": "Berry palette with red-violet undertones and a saturated berry accent.",
+        "base": {
+          "$type": "color",
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.2,
+                  0.012,
+                  10
+                ]
+              },
+              "$description": "berry base surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  30.2,
+                  0.05,
+                  5
+                ]
+              },
+              "$description": "berry base surface color for dark mode."
+            }
+          },
+          "text": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  27.5,
+                  0.06,
+                  8
+                ]
+              },
+              "$description": "berry base text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  95.8,
+                  0.012,
+                  8
+                ]
+              },
+              "$description": "berry base text color for dark mode."
+            }
+          },
+          "accent": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  60,
+                  0.2,
+                  12
+                ]
+              },
+              "$description": "berry accent color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  73,
+                  0.16,
+                  8
+                ]
+              },
+              "$description": "berry accent color for dark mode."
+            }
+          }
+        },
+        "computed": {
+          "$type": "color",
+          "background": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.424,
+                  0.01104,
+                  10
+                ]
+              },
+              "$description": "berry computed background color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  24.764,
+                  0.041,
+                  5
+                ]
+              },
+              "$description": "berry computed background color for dark mode."
+            }
+          },
+          "surface": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  97.312,
+                  0.01152,
+                  10
+                ]
+              },
+              "$description": "berry computed surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  28.388,
+                  0.047,
+                  5
+                ]
+              },
+              "$description": "berry computed surface color for dark mode."
+            }
+          },
+          "surface-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  93.48,
+                  0.0308,
+                  10.2
+                ]
+              },
+              "$description": "berry computed muted surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  37.904,
+                  0.0698,
+                  5.54
+                ]
+              },
+              "$description": "berry computed muted surface color for dark mode."
+            }
+          },
+          "surface-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  92.736,
+                  0.03456,
+                  10.24
+                ]
+              },
+              "$description": "berry computed hover surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  38.76,
+                  0.072,
+                  5.6
+                ]
+              },
+              "$description": "berry computed hover surface color for dark mode."
+            }
+          },
+          "surface-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  91.248,
+                  0.04208,
+                  10.32
+                ]
+              },
+              "$description": "berry computed active surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  41.328,
+                  0.0786,
+                  5.78
+                ]
+              },
+              "$description": "berry computed active surface color for dark mode."
+            }
+          },
+          "surface-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  91.992,
+                  0.03832,
+                  10.28
+                ]
+              },
+              "$description": "berry computed selected surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  40.472,
+                  0.0764,
+                  5.72
+                ]
+              },
+              "$description": "berry computed selected surface color for dark mode."
+            }
+          },
+          "surface-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  90.504,
+                  0.04584,
+                  10.36
+                ]
+              },
+              "$description": "berry computed checked surface color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  43.04,
+                  0.083,
+                  5.9
+                ]
+              },
+              "$description": "berry computed checked surface color for dark mode."
+            }
+          },
+          "text-muted": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  49.804,
+                  0.04464,
+                  8.64
+                ]
+              },
+              "$description": "berry computed muted text color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  81.368,
+                  0.02036,
+                  7.34
+                ]
+              },
+              "$description": "berry computed muted text color for dark mode."
+            }
+          },
+          "border": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  86.048,
+                  0.01968,
+                  9.68
+                ]
+              },
+              "$description": "berry computed border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  45.944,
+                  0.04088,
+                  5.72
+                ]
+              },
+              "$description": "berry computed border color for dark mode."
+            }
+          },
+          "border-hover": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  81.359,
+                  0.052138,
+                  10.098
+                ]
+              },
+              "$description": "berry computed hover border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  53.52,
+                  0.074234,
+                  6.358
+                ]
+              },
+              "$description": "berry computed hover border color for dark mode."
+            }
+          },
+          "border-active": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  79.796,
+                  0.062957,
+                  10.237
+                ]
+              },
+              "$description": "berry computed active border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  55.684,
+                  0.083763,
+                  6.541
+                ]
+              },
+              "$description": "berry computed active border color for dark mode."
+            }
+          },
+          "border-selected": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  80.317,
+                  0.05935,
+                  10.19
+                ]
+              },
+              "$description": "berry computed selected border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  55.143,
+                  0.081381,
+                  6.495
+                ]
+              },
+              "$description": "berry computed selected border color for dark mode."
+            }
+          },
+          "border-checked": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  78.755,
+                  0.07017,
+                  10.33
+                ]
+              },
+              "$description": "berry computed checked border color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  56.766,
+                  0.088528,
+                  6.632
+                ]
+              },
+              "$description": "berry computed checked border color for dark mode."
+            }
+          },
+          "overlay": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  6.6,
+                  0.0144,
+                  8
+                ],
+                "alpha": 0.24
+              },
+              "$description": "berry computed overlay color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  0,
+                  0,
+                  0
+                ],
+                "alpha": 0.56
+              },
+              "$description": "berry computed overlay color for dark mode."
+            }
+          },
+          "focus": {
+            "light": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  16.8,
+                  0.056,
+                  12
+                ],
+                "alpha": 0.28
+              },
+              "$description": "berry computed focus color for light mode."
+            },
+            "dark": {
+              "$value": {
+                "colorSpace": "oklch",
+                "components": [
+                  27.74,
+                  0.0608,
+                  8
+                ],
+                "alpha": 0.38
+              },
+              "$description": "berry computed focus color for dark mode."
+            }
+          }
+        }
+      }
+    }
+  }
+}