@codenhub/styles 0.7.0 → 0.8.0

package/dist/tw/native.css

@@ -1,203 +0,0 @@
-/* The layer map, stated before any import uses a layer -- see `theme.css`. */
-@layer theme, base, components, utilities;
-
-@import "./theme.css";
-@reference "tailwindcss";
-/* Everything that is not `src/` -- see the note in `index.css`. Without the
-   docs and root-file excludes a utility used only in a documentation example
-   compiles into `dist/native.css`. */
-@import "./typography.css";
-@import "./utilities/index.css";
-@import "./components/index.css";
-@import "./reset.css";
-
-@layer components {
-  /* `intent.css`'s reset keys on class names; these bare elements need the same,
-     or a `color-mix()` reading an undefined `--intent-*` drops silently. Zero
-     specificity like the class reset, values matching it slot for slot -- a bare
-     `<code>` and a `.code` chip are one component reached two ways. */
-  :where(table, kbd, code, pre, blockquote, hr, input, textarea, select, button) {
-    --intent-color: var(--color-text);
-    --intent-contrast: var(--color-text-contrast);
-    --intent-hover: var(--color-text-hover);
-    --intent-strong: var(--color-text-strong);
-    --intent-subtle: var(--color-surface);
-    --intent-border: var(--ui-ink, var(--color-border));
-    --intent-fill-max: 20%;
-  }
-
-  /* Native text controls and toggles take the same stronger neutral boundary as
-     their classed counterparts, without changing buttons or other inputs --
-     control ink included, as `intent.css`'s class reset reads it. */
-  :where(
-    input:not([type]),
-    input[type="checkbox"],
-    input[type="radio"],
-    input[type="text"],
-    input[type="number"],
-    input[type="email"],
-    input[type="password"],
-    input[type="url"],
-    input[type="tel"],
-    input[type="search"],
-    input[type="month"],
-    input[type="week"],
-    input[type="time"],
-    input[type="date"],
-    input[type="datetime-local"],
-    textarea,
-    select
-  ) {
-    --intent-border: var(--ui-control-ink, var(--ui-ink, var(--color-control-border)));
-  }
-
-  /* A bare table's lines take the rule line, as `.data-table`'s do in
-     `intent.css`. */
-  :where(table) {
-    --intent-border: var(--ui-rule-ink, var(--ui-ink, var(--color-border)));
-  }
-
-  :where(hr) {
-    --intent-color: currentColor;
-    --intent-border: currentColor;
-  }
-}
-
-@layer base {
-  /* The `h1`-`ol` margin reset lives in `reset.css`, imported above. */
-
-  /* Headings */
-  h1 {
-    @apply text-title-lg;
-  }
-
-  h2 {
-    @apply text-title;
-  }
-
-  h3 {
-    @apply text-title-sm;
-  }
-
-  h4 {
-    @apply text-label-lg;
-  }
-
-  h5,
-  h6 {
-    @apply text-label;
-  }
-
-  /* Links are left out: a link takes the text it sits in, so one inside a
-     heading stays heading-sized. */
-  p,
-  li {
-    @apply text-body;
-  }
-
-  /* Content */
-  table {
-    @apply data-table;
-  }
-
-  kbd {
-    @apply kbd;
-  }
-
-  blockquote {
-    @apply quote;
-  }
-
-  q {
-    @apply quote-inline;
-  }
-
-  code {
-    @apply code;
-  }
-
-  pre {
-    @apply pre;
-  }
-
-  pre code {
-    @apply bg-transparent p-0;
-  }
-
-  hr {
-    @apply divider;
-  }
-
-  /* Form controls. Every text-like type maps onto `.ipt` for the shared chrome
-     and nothing else -- an icon is a wrapper composition (`.input-group`), not a
-     property of the type, so no type paints one. */
-  input:not([type]),
-  input[type="text"],
-  input[type="number"],
-  input[type="email"],
-  input[type="password"],
-  input[type="url"],
-  input[type="tel"],
-  input[type="search"],
-  input[type="month"],
-  input[type="week"],
-  input[type="time"],
-  input[type="date"],
-  input[type="datetime-local"] {
-    @apply ipt;
-  }
-
-  textarea {
-    @apply textarea;
-  }
-
-  select {
-    @apply select;
-  }
-
-  input[type="checkbox"] {
-    @apply checkbox;
-  }
-
-  input[type="radio"] {
-    @apply radio;
-  }
-
-  /* Buttons */
-  button,
-  input[type="button"],
-  input[type="submit"],
-  input[type="reset"] {
-    @apply btn;
-  }
-}
-
-@media (forced-colors: active) {
-  input[type="checkbox"],
-  input[type="radio"] {
-    /* Keep these explicit system colors from being forced back to transparent. */
-    forced-color-adjust: none;
-    background-color: Canvas;
-    border-color: CanvasText;
-    transition: none;
-  }
-
-  /* A checked radio is the filled disc and dot it draws with forced colours
-     off, as `.radio` is in `form.css`: one look on both entrypoints. */
-  input[type="checkbox"]:checked,
-  input[type="checkbox"]:indeterminate,
-  input[type="radio"]:checked {
-    background-color: Highlight;
-    border-color: Highlight;
-
-    &::after {
-      background-color: HighlightText;
-    }
-  }
-
-  /* The platform's arrow, for the reason `.select` takes it back in
-     `form.css`: forced colours drop the gradient chevron. */
-  select:not([multiple], [size]:not([size="1"])) {
-    appearance: auto;
-  }
-}

package/dist/tw/palette.css

@@ -1,460 +0,0 @@
-/* Generated by `pnpm generate` from `src/index.css`, through
-   `scripts/generate-palette.mjs`. Do not hand-edit -- see
-   `docs/internal/generated-palette.md` for what this is and why it exists.
-
-   Tokens, so they sit in `theme` with the rest, behind the package's layer
-   order -- see `src/theme.css` and docs/internal/model.md#cascade-layers. */
-@layer theme, base, components, utilities;
-
-@layer theme {
-  :root,
-  .light,
-  .theme-light,
-  [data-theme="light"] {
-    --palette-neutral-solid-bg: oklab(0.817 0 0);
-    --palette-neutral-solid-fg: oklab(0.205 0 0);
-    --palette-neutral-solid-edge: oklab(0 0 0 / 0);
-    --palette-neutral-solid-bg-hover: oklab(0.77624 0 0);
-    --palette-neutral-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-neutral-soft-fg: oklab(0.205 0 0);
-    --palette-neutral-soft-bg: oklab(0.145 0 0 / 0.12);
-    --palette-neutral-soft-edge: oklab(0.708 0 0 / 0.88);
-    --palette-neutral-soft-bg-hover: oklab(0.371 0 0 / 0.26);
-    --palette-neutral-soft-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-neutral-soft-page-bg: oklab(0.8842 0 0);
-    --palette-neutral-soft-page-edge: oklab(0.708 0 0 / 0.88);
-    --palette-neutral-soft-page-bg-hover: oklab(0.82536 0 0);
-    --palette-neutral-soft-page-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-neutral-soft-subtle-bg: oklab(0.82876 0 0);
-    --palette-neutral-soft-subtle-edge: oklab(0.708 0 0 / 0.88);
-    --palette-neutral-soft-subtle-bg-hover: oklab(0.77874 0 0);
-    --palette-neutral-soft-subtle-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-neutral-ghost-fg: oklab(0.205 0 0);
-    --palette-neutral-ghost-bg: oklab(0 0 0 / 0);
-    --palette-neutral-ghost-edge: oklab(0.708 0 0);
-    --palette-neutral-ghost-bg-hover: oklab(0.371 0 0 / 0.14);
-    --palette-neutral-ghost-edge-hover: oklab(0.371 0 0);
-    --palette-neutral-ghost-page-bg: oklab(0.985 0 0);
-    --palette-neutral-ghost-page-edge: oklab(0.708 0 0);
-    --palette-neutral-ghost-page-bg-hover: oklab(0.89904 0 0);
-    --palette-neutral-ghost-page-edge-hover: oklab(0.371 0 0);
-    --palette-neutral-ghost-subtle-bg: oklab(0.922 0 0);
-    --palette-neutral-ghost-subtle-edge: oklab(0.708 0 0);
-    --palette-neutral-ghost-subtle-bg-hover: oklab(0.84486 0 0);
-    --palette-neutral-ghost-subtle-edge-hover: oklab(0.371 0 0);
-    --palette-primary-solid-bg: oklab(0.145 0 0);
-    --palette-primary-solid-fg: oklab(0.985 0 0);
-    --palette-primary-solid-edge: oklab(0 0 0 / 0);
-    --palette-primary-solid-bg-hover: oklab(0.371 0 0);
-    --palette-primary-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-primary-soft-fg: oklab(0.205 0 0);
-    --palette-primary-soft-bg: oklab(0.145 0 0 / 0.12);
-    --palette-primary-soft-edge: oklab(0.145 0 0 / 0.88);
-    --palette-primary-soft-bg-hover: oklab(0.371 0 0 / 0.26);
-    --palette-primary-soft-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-primary-soft-page-bg: oklab(0.8842 0 0);
-    --palette-primary-soft-page-edge: oklab(0.145 0 0 / 0.88);
-    --palette-primary-soft-page-bg-hover: oklab(0.82536 0 0);
-    --palette-primary-soft-page-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-primary-soft-subtle-bg: oklab(0.82876 0 0);
-    --palette-primary-soft-subtle-edge: oklab(0.145 0 0 / 0.88);
-    --palette-primary-soft-subtle-bg-hover: oklab(0.77874 0 0);
-    --palette-primary-soft-subtle-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-primary-ghost-fg: oklab(0.205 0 0);
-    --palette-primary-ghost-bg: oklab(0 0 0 / 0);
-    --palette-primary-ghost-edge: oklab(0.145 0 0);
-    --palette-primary-ghost-bg-hover: oklab(0.371 0 0 / 0.14);
-    --palette-primary-ghost-edge-hover: oklab(0.371 0 0);
-    --palette-primary-ghost-page-bg: oklab(0.985 0 0);
-    --palette-primary-ghost-page-edge: oklab(0.145 0 0);
-    --palette-primary-ghost-page-bg-hover: oklab(0.89904 0 0);
-    --palette-primary-ghost-page-edge-hover: oklab(0.371 0 0);
-    --palette-primary-ghost-subtle-bg: oklab(0.922 0 0);
-    --palette-primary-ghost-subtle-edge: oklab(0.145 0 0);
-    --palette-primary-ghost-subtle-bg-hover: oklab(0.84486 0 0);
-    --palette-primary-ghost-subtle-edge-hover: oklab(0.371 0 0);
-    --palette-secondary-solid-bg: oklab(0.439 0 0);
-    --palette-secondary-solid-fg: oklab(0.985 0 0);
-    --palette-secondary-solid-edge: oklab(0 0 0 / 0);
-    --palette-secondary-solid-bg-hover: oklab(0.371 0 0);
-    --palette-secondary-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-secondary-soft-fg: oklab(0.269 0 0);
-    --palette-secondary-soft-bg: oklab(0.439 0 0 / 0.12);
-    --palette-secondary-soft-edge: oklab(0.439 0 0 / 0.88);
-    --palette-secondary-soft-bg-hover: oklab(0.371 0 0 / 0.26);
-    --palette-secondary-soft-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-secondary-soft-page-bg: oklab(0.91948 0 0);
-    --palette-secondary-soft-page-edge: oklab(0.439 0 0 / 0.88);
-    --palette-secondary-soft-page-bg-hover: oklab(0.82536 0 0);
-    --palette-secondary-soft-page-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-secondary-soft-subtle-bg: oklab(0.90628 0 0);
-    --palette-secondary-soft-subtle-edge: oklab(0.439 0 0 / 0.88);
-    --palette-secondary-soft-subtle-bg-hover: oklab(0.81426 0 0);
-    --palette-secondary-soft-subtle-edge-hover: oklab(0.371 0 0 / 0.88);
-    --palette-secondary-ghost-fg: oklab(0.269 0 0);
-    --palette-secondary-ghost-bg: oklab(0 0 0 / 0);
-    --palette-secondary-ghost-edge: oklab(0.439 0 0);
-    --palette-secondary-ghost-bg-hover: oklab(0.371 0 0 / 0.14);
-    --palette-secondary-ghost-edge-hover: oklab(0.371 0 0);
-    --palette-secondary-ghost-page-bg: oklab(0.985 0 0);
-    --palette-secondary-ghost-page-edge: oklab(0.439 0 0);
-    --palette-secondary-ghost-page-bg-hover: oklab(0.89904 0 0);
-    --palette-secondary-ghost-page-edge-hover: oklab(0.371 0 0);
-    --palette-secondary-ghost-subtle-bg: oklab(0.97 0 0);
-    --palette-secondary-ghost-subtle-edge: oklab(0.439 0 0);
-    --palette-secondary-ghost-subtle-bg-hover: oklab(0.88614 0 0);
-    --palette-secondary-ghost-subtle-edge-hover: oklab(0.371 0 0);
-    --palette-success-solid-bg: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-solid-fg: oklab(0.985 0 0);
-    --palette-success-solid-edge: oklab(0 0 0 / 0);
-    --palette-success-solid-bg-hover: oklab(0.497872 -0.101989 0.029308);
-    --palette-success-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-success-soft-fg: oklab(0.432 -0.0925326 0.0215109);
-    --palette-success-soft-bg: oklab(0.508 -0.114299 0.0293215 / 0.12);
-    --palette-success-soft-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
-    --palette-success-soft-bg-hover: oklab(0.497872 -0.101989 0.029308 / 0.26);
-    --palette-success-soft-edge-hover: oklab(0.497872 -0.101989 0.029308 / 0.88);
-    --palette-success-soft-page-bg: oklab(0.92776 -0.0137159 0.00351857);
-    --palette-success-soft-page-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
-    --palette-success-soft-page-bg-hover: oklab(0.858347 -0.0265171 0.00762008);
-    --palette-success-soft-page-edge-hover: oklab(0.497872 -0.101989 0.029308 / 0.88);
-    --palette-success-soft-subtle-bg: oklab(0.89696 -0.0574883 0.0168585);
-    --palette-success-soft-subtle-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
-    --palette-success-soft-subtle-bg-hover: oklab(0.832447 -0.0633257 0.0188378);
-    --palette-success-soft-subtle-edge-hover: oklab(0.497872 -0.101989 0.029308 / 0.88);
-    --palette-success-ghost-fg: oklab(0.432 -0.0925326 0.0215109);
-    --palette-success-ghost-bg: oklab(0 0 0 / 0);
-    --palette-success-ghost-edge: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-ghost-bg-hover: oklab(0.497872 -0.101989 0.029308 / 0.14);
-    --palette-success-ghost-edge-hover: oklab(0.497872 -0.101989 0.029308);
-    --palette-success-ghost-page-bg: oklab(0.985 0 0);
-    --palette-success-ghost-page-edge: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-ghost-page-bg-hover: oklab(0.916802 -0.0142784 0.00410312);
-    --palette-success-ghost-page-edge-hover: oklab(0.497872 -0.101989 0.029308);
-    --palette-success-ghost-subtle-bg: oklab(0.95 -0.0497414 0.0151591);
-    --palette-success-ghost-subtle-edge: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-ghost-subtle-bg-hover: oklab(0.886702 -0.057056 0.0171399);
-    --palette-success-ghost-subtle-edge-hover: oklab(0.497872 -0.101989 0.029308);
-    --palette-warning-solid-bg: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-solid-fg: oklab(0.145 0 0);
-    --palette-warning-solid-edge: oklab(0 0 0 / 0);
-    --palette-warning-solid-bg-hover: oklab(0.633155 0.100794 0.128308);
-    --palette-warning-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-warning-soft-fg: oklab(0.473 0.0948219 0.0988828);
-    --palette-warning-soft-bg: oklab(0.666 0.0940116 0.152325 / 0.12);
-    --palette-warning-soft-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
-    --palette-warning-soft-bg-hover: oklab(0.633155 0.100794 0.128308 / 0.26);
-    --palette-warning-soft-edge-hover: oklab(0.633155 0.100794 0.128308 / 0.88);
-    --palette-warning-soft-page-bg: oklab(0.94672 0.0112814 0.018279);
-    --palette-warning-soft-page-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
-    --palette-warning-soft-page-bg-hover: oklab(0.89352 0.0262064 0.0333601);
-    --palette-warning-soft-page-edge-hover: oklab(0.633155 0.100794 0.128308 / 0.88);
-    --palette-warning-soft-subtle-bg: oklab(0.92648 0.00619956 0.0699497);
-    --palette-warning-soft-subtle-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
-    --palette-warning-soft-subtle-bg-hover: oklab(0.8765 0.0219331 0.0768105);
-    --palette-warning-soft-subtle-edge-hover: oklab(0.633155 0.100794 0.128308 / 0.88);
-    --palette-warning-ghost-fg: oklab(0.473 0.0948219 0.0988828);
-    --palette-warning-ghost-bg: oklab(0 0 0 / 0);
-    --palette-warning-ghost-edge: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-ghost-bg-hover: oklab(0.633155 0.100794 0.128308 / 0.14);
-    --palette-warning-ghost-edge-hover: oklab(0.633155 0.100794 0.128308);
-    --palette-warning-ghost-page-bg: oklab(0.985 0 0);
-    --palette-warning-ghost-page-edge: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-ghost-page-bg-hover: oklab(0.935742 0.0141112 0.0179631);
-    --palette-warning-ghost-page-edge-hover: oklab(0.633155 0.100794 0.128308);
-    --palette-warning-ghost-subtle-bg: oklab(0.962 -0.0057748 0.0587167);
-    --palette-warning-ghost-subtle-edge: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-ghost-subtle-bg-hover: oklab(0.915962 0.00914482 0.0684595);
-    --palette-warning-ghost-subtle-edge-hover: oklab(0.633155 0.100794 0.128308);
-    --palette-destructive-solid-bg: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-solid-fg: oklab(0.985 0 0);
-    --palette-destructive-solid-edge: oklab(0 0 0 / 0);
-    --palette-destructive-solid-bg-hover: oklab(0.51189 0.194868 0.0640785);
-    --palette-destructive-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-destructive-soft-fg: oklab(0.455 0.182654 0.044516);
-    --palette-destructive-soft-bg: oklab(0.514 0.212373 0.0646656 / 0.12);
-    --palette-destructive-soft-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
-    --palette-destructive-soft-bg-hover: oklab(0.51189 0.194868 0.0640785 / 0.26);
-    --palette-destructive-soft-edge-hover: oklab(0.51189 0.194868 0.0640785 / 0.88);
-    --palette-destructive-soft-page-bg: oklab(0.92848 0.0254848 0.00775988);
-    --palette-destructive-soft-page-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
-    --palette-destructive-soft-page-bg-hover: oklab(0.861991 0.0506656 0.0166604);
-    --palette-destructive-soft-page-edge-hover: oklab(0.51189 0.194868 0.0640785 / 0.88);
-    --palette-destructive-soft-subtle-bg: oklab(0.88976 0.051251 0.0135099);
-    --palette-destructive-soft-subtle-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
-    --palette-destructive-soft-subtle-bg-hover: oklab(0.829431 0.0723327 0.0214956);
-    --palette-destructive-soft-subtle-edge-hover: oklab(0.51189 0.194868 0.0640785 / 0.88);
-    --palette-destructive-ghost-fg: oklab(0.455 0.182654 0.044516);
-    --palette-destructive-ghost-bg: oklab(0 0 0 / 0);
-    --palette-destructive-ghost-edge: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-ghost-bg-hover: oklab(0.51189 0.194868 0.0640785 / 0.14);
-    --palette-destructive-ghost-edge-hover: oklab(0.51189 0.194868 0.0640785);
-    --palette-destructive-ghost-page-bg: oklab(0.985 0 0);
-    --palette-destructive-ghost-page-edge: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-ghost-page-bg-hover: oklab(0.918765 0.0272815 0.00897099);
-    --palette-destructive-ghost-page-edge-hover: oklab(0.51189 0.194868 0.0640785);
-    --palette-destructive-ghost-subtle-bg: oklab(0.941 0.0292798 0.00653408);
-    --palette-destructive-ghost-subtle-edge: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-ghost-subtle-bg-hover: oklab(0.880925 0.0524621 0.0145903);
-    --palette-destructive-ghost-subtle-edge-hover: oklab(0.51189 0.194868 0.0640785);
-    --palette-info-solid-bg: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-solid-fg: oklab(0.985 0 0);
-    --palette-info-solid-edge: oklab(0 0 0 / 0);
-    --palette-info-solid-bg-hover: oklab(0.490714 0.0309565 -0.24875);
-    --palette-info-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-info-soft-fg: oklab(0.398 0.0250004 -0.193391);
-    --palette-info-soft-bg: oklab(0.511 0.0317755 -0.260066 / 0.12);
-    --palette-info-soft-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
-    --palette-info-soft-bg-hover: oklab(0.490714 0.0309565 -0.24875 / 0.26);
-    --palette-info-soft-edge-hover: oklab(0.490714 0.0309565 -0.24875 / 0.88);
-    --palette-info-soft-page-bg: oklab(0.92812 0.00381305 -0.0312079);
-    --palette-info-soft-page-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
-    --palette-info-soft-page-bg-hover: oklab(0.856486 0.0080487 -0.0646751);
-    --palette-info-soft-page-edge-hover: oklab(0.490714 0.0309565 -0.24875 / 0.88);
-    --palette-info-soft-subtle-bg: oklab(0.87972 0.00526838 -0.0610925);
-    --palette-info-soft-subtle-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
-    --palette-info-soft-subtle-bg-hover: oklab(0.815786 0.0092725 -0.0898053);
-    --palette-info-soft-subtle-edge-hover: oklab(0.490714 0.0309565 -0.24875 / 0.88);
-    --palette-info-ghost-fg: oklab(0.398 0.0250004 -0.193391);
-    --palette-info-ghost-bg: oklab(0 0 0 / 0);
-    --palette-info-ghost-edge: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-ghost-bg-hover: oklab(0.490714 0.0309565 -0.24875 / 0.14);
-    --palette-info-ghost-edge-hover: oklab(0.490714 0.0309565 -0.24875);
-    --palette-info-ghost-page-bg: oklab(0.985 0 0);
-    --palette-info-ghost-page-edge: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-ghost-page-bg-hover: oklab(0.9158 0.00433391 -0.034825);
-    --palette-info-ghost-page-edge-hover: oklab(0.490714 0.0309565 -0.24875);
-    --palette-info-ghost-subtle-bg: oklab(0.93 0.00165378 -0.0339598);
-    --palette-info-ghost-subtle-edge: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-ghost-subtle-bg-hover: oklab(0.8685 0.00575617 -0.0640304);
-    --palette-info-ghost-subtle-edge-hover: oklab(0.490714 0.0309565 -0.24875);
-    --palette-border: oklch(0.708 0 none);
-    --palette-surface: oklch(0.922 0 none);
-    --palette-text: oklch(0.145 0 none);
-  }
-
-  .dark,
-  .theme-dark,
-  [data-theme="dark"] {
-    --palette-neutral-solid-bg: oklab(0.313 0 0);
-    --palette-neutral-solid-fg: oklab(0.97 0 0);
-    --palette-neutral-solid-edge: oklab(0 0 0 / 0);
-    --palette-neutral-solid-bg-hover: oklab(0.40918 0 0);
-    --palette-neutral-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-neutral-soft-fg: oklab(0.97 0 0);
-    --palette-neutral-soft-bg: oklab(0.985 0 0 / 0.12);
-    --palette-neutral-soft-edge: oklab(0.371 0 0 / 0.88);
-    --palette-neutral-soft-bg-hover: oklab(0.922 0 0 / 0.26);
-    --palette-neutral-soft-edge-hover: oklab(0.922 0 0 / 0.88);
-    --palette-neutral-soft-page-bg: oklab(0.2458 0 0);
-    --palette-neutral-soft-page-edge: oklab(0.371 0 0 / 0.88);
-    --palette-neutral-soft-page-bg-hover: oklab(0.34702 0 0);
-    --palette-neutral-soft-page-edge-hover: oklab(0.922 0 0 / 0.88);
-    --palette-neutral-soft-subtle-bg: oklab(0.35492 0 0);
-    --palette-neutral-soft-subtle-edge: oklab(0.371 0 0 / 0.88);
-    --palette-neutral-soft-subtle-bg-hover: oklab(0.43878 0 0);
-    --palette-neutral-soft-subtle-edge-hover: oklab(0.922 0 0 / 0.88);
-    --palette-neutral-ghost-fg: oklab(0.97 0 0);
-    --palette-neutral-ghost-bg: oklab(0 0 0 / 0);
-    --palette-neutral-ghost-edge: oklab(0.371 0 0);
-    --palette-neutral-ghost-bg-hover: oklab(0.922 0 0 / 0.14);
-    --palette-neutral-ghost-edge-hover: oklab(0.922 0 0);
-    --palette-neutral-ghost-page-bg: oklab(0.145 0 0);
-    --palette-neutral-ghost-page-edge: oklab(0.371 0 0);
-    --palette-neutral-ghost-page-bg-hover: oklab(0.25378 0 0);
-    --palette-neutral-ghost-page-edge-hover: oklab(0.922 0 0);
-    --palette-neutral-ghost-subtle-bg: oklab(0.269 0 0);
-    --palette-neutral-ghost-subtle-edge: oklab(0.371 0 0);
-    --palette-neutral-ghost-subtle-bg-hover: oklab(0.36042 0 0);
-    --palette-neutral-ghost-subtle-edge-hover: oklab(0.922 0 0);
-    --palette-primary-solid-bg: oklab(0.985 0 0);
-    --palette-primary-solid-fg: oklab(0.145 0 0);
-    --palette-primary-solid-edge: oklab(0 0 0 / 0);
-    --palette-primary-solid-bg-hover: oklab(0.922 0 0);
-    --palette-primary-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-primary-soft-fg: oklab(0.97 0 0);
-    --palette-primary-soft-bg: oklab(0.985 0 0 / 0.12);
-    --palette-primary-soft-edge: oklab(0.985 0 0 / 0.88);
-    --palette-primary-soft-bg-hover: oklab(0.922 0 0 / 0.26);
-    --palette-primary-soft-edge-hover: oklab(0.922 0 0 / 0.88);
-    --palette-primary-soft-page-bg: oklab(0.2458 0 0);
-    --palette-primary-soft-page-edge: oklab(0.985 0 0 / 0.88);
-    --palette-primary-soft-page-bg-hover: oklab(0.34702 0 0);
-    --palette-primary-soft-page-edge-hover: oklab(0.922 0 0 / 0.88);
-    --palette-primary-soft-subtle-bg: oklab(0.2986 0 0);
-    --palette-primary-soft-subtle-edge: oklab(0.985 0 0 / 0.88);
-    --palette-primary-soft-subtle-bg-hover: oklab(0.39142 0 0);
-    --palette-primary-soft-subtle-edge-hover: oklab(0.922 0 0 / 0.88);
-    --palette-primary-ghost-fg: oklab(0.97 0 0);
-    --palette-primary-ghost-bg: oklab(0 0 0 / 0);
-    --palette-primary-ghost-edge: oklab(0.985 0 0);
-    --palette-primary-ghost-bg-hover: oklab(0.922 0 0 / 0.14);
-    --palette-primary-ghost-edge-hover: oklab(0.922 0 0);
-    --palette-primary-ghost-page-bg: oklab(0.145 0 0);
-    --palette-primary-ghost-page-edge: oklab(0.985 0 0);
-    --palette-primary-ghost-page-bg-hover: oklab(0.25378 0 0);
-    --palette-primary-ghost-page-edge-hover: oklab(0.922 0 0);
-    --palette-primary-ghost-subtle-bg: oklab(0.205 0 0);
-    --palette-primary-ghost-subtle-edge: oklab(0.985 0 0);
-    --palette-primary-ghost-subtle-bg-hover: oklab(0.30538 0 0);
-    --palette-primary-ghost-subtle-edge-hover: oklab(0.922 0 0);
-    --palette-secondary-solid-bg: oklab(0.708 0 0);
-    --palette-secondary-solid-fg: oklab(0.145 0 0);
-    --palette-secondary-solid-edge: oklab(0 0 0 / 0);
-    --palette-secondary-solid-bg-hover: oklab(0.87 0 0);
-    --palette-secondary-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-secondary-soft-fg: oklab(0.922 0 0);
-    --palette-secondary-soft-bg: oklab(0.708 0 0 / 0.12);
-    --palette-secondary-soft-edge: oklab(0.708 0 0 / 0.88);
-    --palette-secondary-soft-bg-hover: oklab(0.87 0 0 / 0.26);
-    --palette-secondary-soft-edge-hover: oklab(0.87 0 0 / 0.88);
-    --palette-secondary-soft-page-bg: oklab(0.21256 0 0);
-    --palette-secondary-soft-page-edge: oklab(0.708 0 0 / 0.88);
-    --palette-secondary-soft-page-bg-hover: oklab(0.3335 0 0);
-    --palette-secondary-soft-page-edge-hover: oklab(0.87 0 0 / 0.88);
-    --palette-secondary-soft-subtle-bg: oklab(0.32168 0 0);
-    --palette-secondary-soft-subtle-edge: oklab(0.708 0 0 / 0.88);
-    --palette-secondary-soft-subtle-bg-hover: oklab(0.42526 0 0);
-    --palette-secondary-soft-subtle-edge-hover: oklab(0.87 0 0 / 0.88);
-    --palette-secondary-ghost-fg: oklab(0.922 0 0);
-    --palette-secondary-ghost-bg: oklab(0 0 0 / 0);
-    --palette-secondary-ghost-edge: oklab(0.708 0 0);
-    --palette-secondary-ghost-bg-hover: oklab(0.87 0 0 / 0.14);
-    --palette-secondary-ghost-edge-hover: oklab(0.87 0 0);
-    --palette-secondary-ghost-page-bg: oklab(0.145 0 0);
-    --palette-secondary-ghost-page-edge: oklab(0.708 0 0);
-    --palette-secondary-ghost-page-bg-hover: oklab(0.2465 0 0);
-    --palette-secondary-ghost-page-edge-hover: oklab(0.87 0 0);
-    --palette-secondary-ghost-subtle-bg: oklab(0.269 0 0);
-    --palette-secondary-ghost-subtle-edge: oklab(0.708 0 0);
-    --palette-secondary-ghost-subtle-bg-hover: oklab(0.35314 0 0);
-    --palette-secondary-ghost-subtle-edge-hover: oklab(0.87 0 0);
-    --palette-success-solid-bg: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-solid-fg: oklab(0.985 0 0);
-    --palette-success-solid-edge: oklab(0 0 0 / 0);
-    --palette-success-solid-bg-hover: oklab(0.572945 -0.116429 0.0314383);
-    --palette-success-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-success-soft-fg: oklab(0.845 -0.138113 0.0370641);
-    --palette-success-soft-bg: oklab(0.508 -0.114299 0.0293215 / 0.12);
-    --palette-success-soft-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
-    --palette-success-soft-bg-hover: oklab(0.572945 -0.116429 0.0314383 / 0.26);
-    --palette-success-soft-edge-hover: oklab(0.572945 -0.116429 0.0314383 / 0.88);
-    --palette-success-soft-page-bg: oklab(0.18856 -0.0137159 0.00351857);
-    --palette-success-soft-page-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
-    --palette-success-soft-page-bg-hover: oklab(0.256266 -0.0302715 0.00817395);
-    --palette-success-soft-page-edge-hover: oklab(0.572945 -0.116429 0.0314383 / 0.88);
-    --palette-success-soft-subtle-bg: oklab(0.3936 -0.0802174 0.0165174);
-    --palette-success-soft-subtle-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
-    --palette-success-soft-subtle-bg-hover: oklab(0.428686 -0.0861932 0.0191048);
-    --palette-success-soft-subtle-edge-hover: oklab(0.572945 -0.116429 0.0314383 / 0.88);
-    --palette-success-ghost-fg: oklab(0.845 -0.138113 0.0370641);
-    --palette-success-ghost-bg: oklab(0 0 0 / 0);
-    --palette-success-ghost-edge: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-ghost-bg-hover: oklab(0.572945 -0.116429 0.0314383 / 0.14);
-    --palette-success-ghost-edge-hover: oklab(0.572945 -0.116429 0.0314383);
-    --palette-success-ghost-page-bg: oklab(0.145 0 0);
-    --palette-success-ghost-page-edge: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-ghost-page-bg-hover: oklab(0.204912 -0.0163 0.00440136);
-    --palette-success-ghost-page-edge-hover: oklab(0.572945 -0.116429 0.0314383);
-    --palette-success-ghost-subtle-bg: oklab(0.378 -0.0755699 0.0147714);
-    --palette-success-ghost-subtle-edge: oklab(0.508 -0.114299 0.0293215);
-    --palette-success-ghost-subtle-bg-hover: oklab(0.405292 -0.0812901 0.0171048);
-    --palette-success-ghost-subtle-edge-hover: oklab(0.572945 -0.116429 0.0314383);
-    --palette-warning-solid-bg: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-solid-fg: oklab(0.145 0 0);
-    --palette-warning-solid-edge: oklab(0 0 0 / 0);
-    --palette-warning-solid-bg-hover: oklab(0.70431 0.0802 0.143076);
-    --palette-warning-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-warning-soft-fg: oklab(0.879 -0.00473352 0.168934);
-    --palette-warning-soft-bg: oklab(0.666 0.0940116 0.152325 / 0.12);
-    --palette-warning-soft-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
-    --palette-warning-soft-bg-hover: oklab(0.70431 0.0802 0.143076 / 0.26);
-    --palette-warning-soft-edge-hover: oklab(0.70431 0.0802 0.143076 / 0.88);
-    --palette-warning-soft-page-bg: oklab(0.20752 0.0112814 0.018279);
-    --palette-warning-soft-page-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
-    --palette-warning-soft-page-bg-hover: oklab(0.290421 0.020852 0.0371997);
-    --palette-warning-soft-page-edge-hover: oklab(0.70431 0.0802 0.143076 / 0.88);
-    --palette-warning-soft-subtle-bg: oklab(0.44424 0.0798656 0.0890623);
-    --palette-warning-soft-subtle-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
-    --palette-warning-soft-subtle-bg-hover: oklab(0.489481 0.0785251 0.0967221);
-    --palette-warning-soft-subtle-edge-hover: oklab(0.70431 0.0802 0.143076 / 0.88);
-    --palette-warning-ghost-fg: oklab(0.879 -0.00473352 0.168934);
-    --palette-warning-ghost-bg: oklab(0 0 0 / 0);
-    --palette-warning-ghost-edge: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-ghost-bg-hover: oklab(0.70431 0.0802 0.143076 / 0.14);
-    --palette-warning-ghost-edge-hover: oklab(0.70431 0.0802 0.143076);
-    --palette-warning-ghost-page-bg: oklab(0.145 0 0);
-    --palette-warning-ghost-page-edge: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-ghost-page-bg-hover: oklab(0.223303 0.011228 0.0200306);
-    --palette-warning-ghost-page-edge-hover: oklab(0.70431 0.0802 0.143076);
-    --palette-warning-ghost-subtle-bg: oklab(0.414 0.0779366 0.0804356);
-    --palette-warning-ghost-subtle-edge: oklab(0.666 0.0940116 0.152325);
-    --palette-warning-ghost-subtle-bg-hover: oklab(0.454643 0.0782535 0.0892052);
-    --palette-warning-ghost-subtle-edge-hover: oklab(0.70431 0.0802 0.143076);
-    --palette-destructive-solid-bg: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-solid-fg: oklab(0.985 0 0);
-    --palette-destructive-solid-edge: oklab(0 0 0 / 0);
-    --palette-destructive-solid-bg-hover: oklab(0.549356 0.21195 0.0500346);
-    --palette-destructive-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-destructive-soft-fg: oklab(0.81 0.114595 0.0236021);
-    --palette-destructive-soft-bg: oklab(0.514 0.212373 0.0646656 / 0.12);
-    --palette-destructive-soft-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
-    --palette-destructive-soft-bg-hover: oklab(0.549356 0.21195 0.0500346 / 0.26);
-    --palette-destructive-soft-edge-hover: oklab(0.549356 0.21195 0.0500346 / 0.88);
-    --palette-destructive-soft-page-bg: oklab(0.18928 0.0254848 0.00775988);
-    --palette-destructive-soft-page-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
-    --palette-destructive-soft-page-bg-hover: oklab(0.250132 0.0551069 0.013009);
-    --palette-destructive-soft-page-edge-hover: oklab(0.549356 0.21195 0.0500346 / 0.88);
-    --palette-destructive-soft-subtle-bg: oklab(0.42248 0.163162 0.0327106);
-    --palette-destructive-soft-subtle-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
-    --palette-destructive-soft-subtle-bg-hover: oklab(0.446232 0.170881 0.0339903);
-    --palette-destructive-soft-subtle-edge-hover: oklab(0.549356 0.21195 0.0500346 / 0.88);
-    --palette-destructive-ghost-fg: oklab(0.81 0.114595 0.0236021);
-    --palette-destructive-ghost-bg: oklab(0 0 0 / 0);
-    --palette-destructive-ghost-edge: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-ghost-bg-hover: oklab(0.549356 0.21195 0.0500346 / 0.14);
-    --palette-destructive-ghost-edge-hover: oklab(0.549356 0.21195 0.0500346);
-    --palette-destructive-ghost-page-bg: oklab(0.145 0 0);
-    --palette-destructive-ghost-page-edge: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-ghost-page-bg-hover: oklab(0.20161 0.0296729 0.00700485);
-    --palette-destructive-ghost-page-edge-hover: oklab(0.549356 0.21195 0.0500346);
-    --palette-destructive-ghost-subtle-bg: oklab(0.41 0.156452 0.0283531);
-    --palette-destructive-ghost-subtle-edge: oklab(0.514 0.212373 0.0646656);
-    --palette-destructive-ghost-subtle-bg-hover: oklab(0.42951 0.164221 0.0313885);
-    --palette-destructive-ghost-subtle-edge-hover: oklab(0.549356 0.21195 0.0500346);
-    --palette-info-solid-bg: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-solid-fg: oklab(0.985 0 0);
-    --palette-info-solid-edge: oklab(0 0 0 / 0);
-    --palette-info-solid-bg-hover: oklab(0.551929 0.0373722 -0.238521);
-    --palette-info-solid-edge-hover: oklab(0 0 0 / 0);
-    --palette-info-soft-fg: oklab(0.785 0.00944898 -0.114611);
-    --palette-info-soft-bg: oklab(0.511 0.0317755 -0.260066 / 0.12);
-    --palette-info-soft-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
-    --palette-info-soft-bg-hover: oklab(0.551929 0.0373722 -0.238521 / 0.26);
-    --palette-info-soft-edge-hover: oklab(0.551929 0.0373722 -0.238521 / 0.88);
-    --palette-info-soft-page-bg: oklab(0.18892 0.00381305 -0.0312079);
-    --palette-info-soft-page-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
-    --palette-info-soft-page-bg-hover: oklab(0.250801 0.00971677 -0.0620155);
-    --palette-info-soft-page-edge-hover: oklab(0.551929 0.0373722 -0.238521 / 0.88);
-    --palette-info-soft-subtle-bg: oklab(0.37724 0.0229742 -0.156471);
-    --palette-info-soft-subtle-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
-    --palette-info-soft-subtle-bg-hover: oklab(0.409161 0.0258296 -0.16735);
-    --palette-info-soft-subtle-edge-hover: oklab(0.551929 0.0373722 -0.238521 / 0.88);
-    --palette-info-ghost-fg: oklab(0.785 0.00944898 -0.114611);
-    --palette-info-ghost-bg: oklab(0 0 0 / 0);
-    --palette-info-ghost-edge: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-ghost-bg-hover: oklab(0.551929 0.0373722 -0.238521 / 0.14);
-    --palette-info-ghost-edge-hover: oklab(0.551929 0.0373722 -0.238521);
-    --palette-info-ghost-page-bg: oklab(0.145 0 0);
-    --palette-info-ghost-page-edge: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-ghost-page-bg-hover: oklab(0.20197 0.00523211 -0.033393);
-    --palette-info-ghost-page-edge-hover: oklab(0.551929 0.0373722 -0.238521);
-    --palette-info-ghost-subtle-bg: oklab(0.359 0.0217741 -0.142344);
-    --palette-info-ghost-subtle-edge: oklab(0.511 0.0317755 -0.260066);
-    --palette-info-ghost-subtle-bg-hover: oklab(0.38601 0.0239578 -0.155809);
-    --palette-info-ghost-subtle-edge-hover: oklab(0.551929 0.0373722 -0.238521);
-    --palette-border: oklch(0.371 0 none);
-    --palette-surface: oklch(0.269 0 none);
-    --palette-text: oklch(0.985 0 none);
-  }
-}