origam 2.17.1 → 2.18.0

package/dist/src/assets/scss/tokens/_dark.scss

@@ -11,8 +11,101 @@
  * This file is now HAND-MAINTAINED SOURCE: edit it directly. There is no
  * regeneration step, and no "do not edit" rule any more. A design-token
  * pipeline may be reintroduced later, once the DS is stable.
+ *
+ * ── TWO BLOCKS, ONE DECLARATION SET ────────────────────────────────────────
+ * 1. `[data-theme="dark"], :root:not([data-theme])[data-mode="dark"]`
+ *                                     — the theme asked for EXPLICITLY, on
+ *                                       EITHER axis (see #807 below).
+ * 2. `@media (prefers-color-scheme: dark) {
+ *        :root:not([data-theme]):not([data-mode]) }`
+ *                                     — AUTO mode: the OS preference, and
+ *                                       only while the page has expressed no
+ *                                       preference of its own, ON EITHER AXIS.
+ *
+ * ⛔ BOTH guards are load-bearing, and the second one is not optional.
+ * This DS is TWO-AXIS (see `useTheme`): `data-theme` carries the brand and
+ * `data-mode` carries light/dark. `applyModeToDocument()` ALWAYS writes a
+ * CONCRETE `data-mode`, and the Nuxt plugin OMITS `data-theme` when the
+ * brand resolves to `'auto'`. A page that pinned light therefore looks like
+ * `<html data-mode="light">` — no `data-theme` at all. With `:not([data-theme])`
+ * alone this media query MATCHES that page and repaints it dark against an
+ * explicit choice. Measured in Chromium before adding `:not([data-mode])`:
+ * OS dark + `data-mode="light"` → `rgb(10,10,10)` (the dark surface) instead
+ * of `rgb(255,255,255)`. The same shape is already used by `OrigamCode.vue`.
+ *
+ * Specificity: `:root:not([data-theme]):not([data-mode])` is (0,3,0) — enough
+ * to outrank light.css's `:root, [data-theme="light"]` (0,1,0) when nothing is
+ * pinned — while failing to match at all as soon as either axis is written.
+ *
+ * ── #807 — `data-mode="dark"` SEUL NE PEIGNAIT RIEN ────────────────────────
+ * Avant ce correctif, seule la matrice runtime (`apply-theme.util.ts`)
+ * émettait des règles `[data-mode="…"]` — les feuilles statiques n'en
+ * avaient AUCUNE. Un consommateur qui appelle `useTheme().setMode('dark')`
+ * sans avoir enregistré de thème de marque obtenait `<html data-mode="dark">`
+ * et restait en clair : les deux setters de `useTheme()` ne faisaient pas la
+ * même chose. Mesuré en Chromium sur `dist/src/assets/css/main.css` :
+ * `data-mode="dark"` seul → `rgb(255,255,255)` (surface claire) au lieu de
+ * `rgb(10,10,10)`.
+ *
+ * Le correctif AJOUTE UN SÉLECTEUR à la liste du bloc 1 existant plutôt que
+ * de dupliquer un troisième bloc de ~2730 déclarations (le coût que #807
+ * chiffrait pour l'approche naïve — `main.css` était déjà passé de 364 ko à
+ * 538 ko avec le second bloc). `:root:not([data-theme])[data-mode="dark"]`
+ * a la même spécificité (0,3,0) que le sélecteur du bloc média ci-dessus et
+ * matche exactement le même monde que lui côté "explicite" : `data-theme`
+ * absent, `data-mode="dark"` posé. Les deux blocs restent mutuellement
+ * exclusifs sur l'attribut `data-mode` (présent ici, absent là) donc ne se
+ * recouvrent jamais. `data-theme="light" data-mode="dark"` reste clair : la
+ * marque (`data-theme`) gouverne dès qu'elle est posée, `data-mode` seul ne
+ * bascule que l'absence de marque.
+ *
+ * ⛔ Le sélecteur 1 (bloc explicite) et le sélecteur du bloc média restent
+ * BYTE-DIFFÉRENTS de propos : le bloc 1 est INCONDITIONNEL (s'applique quel
+ * que soit `prefers-color-scheme`) tandis que le bloc média ne s'active que
+ * si NI `data-theme` NI `data-mode` ne sont posés. Ne pas les fusionner.
+ *
+ * ⛔ Le deuxième bloc (media query, "AUTO mode") reste volontairement un
+ * SOUS-ENSEMBLE de 11 déclarations, pas une copie complète des 2731 du bloc
+ * 1 — c'est un fait préexistant à #807, non réévalué ici, et hors périmètre
+ * de ce ticket.
+ *
+ * ⛔ The two blocks carry the SAME declarations, and this file is BYTE-IDENTICAL
+ * to its twin — the whole file, header included. The pair is
+ * `src/assets/css/tokens/dark.css` ⇄ `src/assets/scss/tokens/_dark.scss`, and
+ * the same holds for every other token pair.
+ *
+ * Why it matters here in particular: `main.css` — the `./styles` export, the
+ * entry a consumer gets by default — is compiled from the SCSS side. A block
+ * present in the CSS file and missing from the SCSS one ships a bundle with NO
+ * auto dark mode, while this file and the documentation both say otherwise.
+ * That was #794. `scripts/guards/token-twins.mjs` now fails on any divergence.
+ *
+ * ── #789 — CONTRASTE : POURQUOI CES PALIERS-LÀ ─────────────────────────────
+ * Mêmes couples `bg`/`fg` blanc qu'en clair, mêmes valeurs (success
+ * `green-700`, warning `amber-700`, info `#2563eb`). S'y ajoutent deux
+ * paliers PROPRES au sombre, mesurés en Chromium, alpha composité :
+ *
+ *     action--primary---bg        primary-500 #8b5cf6  4.23  →  primary-600  5.70
+ *     action--primary---bgHover   primary-400 #a78bfa  2.72  →  primary-700  7.10
+ *
+ * ⛔ Le `bgHover` sombre était la pire paire du jeu — 2.72:1 en texte blanc,
+ * pire que le fond au repos — et n'était signalé nulle part.
+ *
+ * ⚠️ CONTRAINTE DE PALETTE, mesurée : sur la surface sombre `#0a0a0a`, le
+ * SEUL palier violet qui tienne À LA FOIS le texte blanc à 4.5:1 et les 3:1
+ * non textuels de 1.4.11 contre la page est `primary---600` (blanc 5.70,
+ * page 3.47). Deux paliers distincts pour repos ET survol sont donc
+ * impossibles avec du texte blanc : `bgHover` à `primary---700` tombe à
+ * 2.79 contre la page. Arbitrage assumé — le survol est transitoire et
+ * désigné par le curseur, l'état au repos reste à 3.47. L'alternative
+ * (garder `#8b5cf6` et passer `primary---fg` à l'encre en sombre) tient les
+ * deux critères mais fait du primaire la seule intention à texte foncé.
+ *
+ * Mesure, témoins et non-régression :
+ * `packages/tests/e2e/token-intent-contrast.spec.ts`.
  */
-[data-theme="dark"] {
+[data-theme="dark"],
+:root:not([data-theme])[data-mode="dark"] {
   --origam-color__surface---default: var(--origam-color__neutral---950);
   --origam-color__surface---raised: var(--origam-color__neutral---900);
   --origam-color__surface---overlay: var(--origam-color__neutral---800);
@@ -22,15 +115,15 @@
   --origam-color__text---primary: var(--origam-color__neutral---50);
   --origam-color__text---secondary: var(--origam-color__neutral---400);
   --origam-color__text---disabled: var(--origam-color__neutral---600);
-  --origam-color__text---inverse: var(--origam-color__neutral---900);
+  --origam-color__text---inverse: var(--origam-color__neutral---950); /* #615 — voir light.css : le bloc runtime de `origamDarkTheme` pose #0a0a0a */
   --origam-color__text---onColor: var(--origam-color__neutral---0);
   --origam-color__border---default: var(--origam-color__neutral---700);
   --origam-color__border---subtle: var(--origam-color__neutral---800);
   --origam-color__border---strong: var(--origam-color__neutral---400);
   --origam-color__border---focus: var(--origam-color__primary---400);
-  --origam-color__action--primary---bg: var(--origam-color__primary---500);
+  --origam-color__action--primary---bg: var(--origam-color__primary---600);
   --origam-color__accent---base: var(--origam-color__action--primary---bg);
-  --origam-color__action--primary---bgHover: var(--origam-color__primary---400);
+  --origam-color__action--primary---bgHover: var(--origam-color__primary---700);
   --origam-color__action--primary---bgSubtle: var(--origam-color__primary---900);
   --origam-color__action--primary---bgDisabled: var(--origam-color__neutral---800);
   --origam-color__action--primary---fg: var(--origam-color__neutral---0);
@@ -47,12 +140,12 @@
   --origam-color__action--ghost---bgDisabled: rgba(0, 0, 0, 0);
   --origam-color__action--ghost---fg: var(--origam-color__primary---400);
   --origam-color__action--ghost---fgDisabled: var(--origam-color__neutral---600);
-  --origam-color__feedback--success---bg: var(--origam-color__green---500);
+  --origam-color__feedback--success---bg: var(--origam-color__green---700);
   --origam-color__feedback--success---bgSubtle: var(--origam-color__neutral---900);
   --origam-color__feedback--success---fg: var(--origam-color__neutral---0);
   --origam-color__feedback--success---fgSubtle: var(--origam-color__green---400);
   --origam-color__feedback--success---border: var(--origam-color__green---500);
-  --origam-color__feedback--warning---bg: var(--origam-color__amber---600);
+  --origam-color__feedback--warning---bg: var(--origam-color__amber---700);
   --origam-color__feedback--warning---bgSubtle: var(--origam-color__neutral---900);
   --origam-color__feedback--warning---fg: var(--origam-color__neutral---0);
   --origam-color__feedback--warning---fgSubtle: var(--origam-color__amber---400);
@@ -62,7 +155,7 @@
   --origam-color__feedback--danger---fg: var(--origam-color__neutral---0);
   --origam-color__feedback--danger---fgSubtle: var(--origam-color__red---400);
   --origam-color__feedback--danger---border: var(--origam-color__red---400);
-  --origam-color__feedback--info---bg: var(--origam-color__blue---500);
+  --origam-color__feedback--info---bg: #2563eb;
   --origam-color__feedback--info---bgSubtle: var(--origam-color__neutral---900);
   --origam-color__feedback--info---fg: var(--origam-color__neutral---0);
   --origam-color__feedback--info---fgSubtle: var(--origam-color__blue---400);
@@ -88,7 +181,7 @@
   --origam-btn---border-style: solid;
   --origam-btn---border-color: currentColor;
   --origam-btn---position: relative;
-  --origam-btn---density: 0;
+  --origam-btn---density: 0px;
   --origam-btn---width: auto;
   --origam-btn---min-width: 64px;
   --origam-btn---max-width: 100%;
@@ -919,8 +1012,8 @@
   --origam-field__input---padding-block-filled: 20px;
   --origam-field__input---padding-top: var(--origam-field__input---padding-block-md);
   --origam-field__input---padding-bottom: var(--origam-field__input---padding-block-md);
-  --origam-field__input---padding-start: 0;
-  --origam-field__input---padding-end: 0;
+  --origam-field__input---padding-start: 0px;
+  --origam-field__input---padding-end: 0px;
   --origam-field__input---opacity: 0.7;
   --origam-field__label---font-size: 0.75em;
   --origam-field__label---transition-duration: var(--origam-motion__duration---normal);
@@ -1430,6 +1523,9 @@
   --origam-table__header-cell---padding-inline: var(--origam-space---4);
   --origam-table__header-cell---border-bottom-color: var(--origam-color__border---default);
   --origam-table__header-cell---border-bottom-width: var(--origam-border__width---2);
+  /* #840 — see light.css: derived from the density-aware padding-block
+     token so it can't drift out of sync with it. */
+  --origam-table__header-cell---height: calc((2 * var(--origam-table__header-cell---padding-block, 12px)) + var(--origam-table__header-cell---border-bottom-width, 2px) + 18px);
   --origam-table__cell---padding-block: var(--origam-space---3);
   --origam-table__cell---padding-inline: var(--origam-space---4);
   --origam-table__cell---border-color: var(--origam-color__border---subtle);
@@ -2744,3 +2840,2740 @@
   --origam-tab-panels__panel---transition-duration: 0.18s;
   --origam-tab-panels__panel--focus---outline-color: currentColor;
 }
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]):not([data-mode]) {
+    --origam-color__surface---default: var(--origam-color__neutral---950);
+    --origam-color__surface---raised: var(--origam-color__neutral---900);
+    --origam-color__surface---overlay: var(--origam-color__neutral---800);
+    --origam-color__surface---sunken: var(--origam-color__neutral---950);
+    --origam-color__surface---disabled: var(--origam-color__neutral---800);
+    --origam-color__surface---inverse: var(--origam-color__neutral---0);
+    --origam-color__text---primary: var(--origam-color__neutral---50);
+    --origam-color__text---secondary: var(--origam-color__neutral---400);
+    --origam-color__text---disabled: var(--origam-color__neutral---600);
+    --origam-color__text---inverse: var(--origam-color__neutral---950); /* #615 — voir light.css : le bloc runtime de `origamDarkTheme` pose #0a0a0a */
+    --origam-color__text---onColor: var(--origam-color__neutral---0);
+    --origam-color__border---default: var(--origam-color__neutral---700);
+    --origam-color__border---subtle: var(--origam-color__neutral---800);
+    --origam-color__border---strong: var(--origam-color__neutral---400);
+    --origam-color__border---focus: var(--origam-color__primary---400);
+    --origam-color__action--primary---bg: var(--origam-color__primary---600);
+    --origam-color__accent---base: var(--origam-color__action--primary---bg);
+    --origam-color__action--primary---bgHover: var(--origam-color__primary---700);
+    --origam-color__action--primary---bgSubtle: var(--origam-color__primary---900);
+    --origam-color__action--primary---bgDisabled: var(--origam-color__neutral---800);
+    --origam-color__action--primary---fg: var(--origam-color__neutral---0);
+    --origam-color__action--primary---fgSubtle: var(--origam-color__primary---300);
+    --origam-color__action--primary---fgDisabled: var(--origam-color__neutral---600);
+    --origam-color__action--secondary---bg: var(--origam-color__neutral---800);
+    --origam-color__action--secondary---bgHover: var(--origam-color__neutral---700);
+    --origam-color__action--secondary---bgDisabled: var(--origam-color__neutral---900);
+    --origam-color__action--secondary---fg: var(--origam-color__neutral---100);
+    --origam-color__action--secondary---fgSubtle: var(--origam-color__neutral---300);
+    --origam-color__action--secondary---fgDisabled: var(--origam-color__neutral---600);
+    --origam-color__action--ghost---bg: rgba(0, 0, 0, 0);
+    --origam-color__action--ghost---bgHover: var(--origam-color__neutral---800);
+    --origam-color__action--ghost---bgDisabled: rgba(0, 0, 0, 0);
+    --origam-color__action--ghost---fg: var(--origam-color__primary---400);
+    --origam-color__action--ghost---fgDisabled: var(--origam-color__neutral---600);
+    --origam-color__feedback--success---bg: var(--origam-color__green---700);
+    --origam-color__feedback--success---bgSubtle: var(--origam-color__neutral---900);
+    --origam-color__feedback--success---fg: var(--origam-color__neutral---0);
+    --origam-color__feedback--success---fgSubtle: var(--origam-color__green---400);
+    --origam-color__feedback--success---border: var(--origam-color__green---500);
+    --origam-color__feedback--warning---bg: var(--origam-color__amber---700);
+    --origam-color__feedback--warning---bgSubtle: var(--origam-color__neutral---900);
+    --origam-color__feedback--warning---fg: var(--origam-color__neutral---0);
+    --origam-color__feedback--warning---fgSubtle: var(--origam-color__amber---400);
+    --origam-color__feedback--warning---border: var(--origam-color__amber---600);
+    --origam-color__feedback--danger---bg: var(--origam-color__red---600);
+    --origam-color__feedback--danger---bgSubtle: var(--origam-color__neutral---900);
+    --origam-color__feedback--danger---fg: var(--origam-color__neutral---0);
+    --origam-color__feedback--danger---fgSubtle: var(--origam-color__red---400);
+    --origam-color__feedback--danger---border: var(--origam-color__red---400);
+    --origam-color__feedback--info---bg: #2563eb;
+    --origam-color__feedback--info---bgSubtle: var(--origam-color__neutral---900);
+    --origam-color__feedback--info---fg: var(--origam-color__neutral---0);
+    --origam-color__feedback--info---fgSubtle: var(--origam-color__blue---400);
+    --origam-color__feedback--info---border: var(--origam-color__blue---500);
+    --origam-color__overlay---scrim: var(--origam-color---black);
+    --origam-gradient---sunset: linear-gradient(135deg, #b55149, #9d6f4a);
+    --origam-gradient---ocean: linear-gradient(135deg, #134a59, #2f7e90);
+    --origam-gradient---forest: linear-gradient(135deg, #0a2b34, #3a6047);
+    --origam-gradient---fire: linear-gradient(135deg, #8c1a0b, #8a6210);
+    --origam-gradient---midnight: linear-gradient(135deg, #0d0d0e, #1f2022);
+    --origam-bracket-match--final---background-color: var(--origam-color__surface---raised);
+    --origam-bracket-match--final---border-color: var(--origam-color__action--primary---bg);
+    --origam-bracket-match--final---box-shadow: 0 2px 8px color-mix(in srgb, var(--origam-color__action--primary---bg) 24%, transparent);
+    --origam-btn---background-color: var(--origam-color__action--secondary---bg);
+    --origam-btn---color: var(--origam-color__action--secondary---fg);
+    --origam-btn---background-color-hover: var(--origam-color__action--secondary---bgHover);
+    --origam-btn---background-color-disabled: var(--origam-color__action--primary---bgDisabled);
+    --origam-btn---color-disabled: var(--origam-color__action--primary---fgDisabled);
+    --origam-btn---border-radius: var(--origam-radius---sm);
+    --origam-btn---border-radius-icon: var(--origam-radius---full);
+    --origam-btn---border-radius-rounded: var(--origam-radius---2xl);
+    --origam-btn---border-width: var(--origam-border__width---0);
+    --origam-btn---border-style: solid;
+    --origam-btn---border-color: currentColor;
+    --origam-btn---position: relative;
+    --origam-btn---density: 0px;
+    --origam-btn---width: auto;
+    --origam-btn---min-width: 64px;
+    --origam-btn---max-width: 100%;
+    --origam-btn---height: 36px;
+    --origam-btn---max-height: 100%;
+    --origam-btn---height-xs: 20px;
+    --origam-btn---height-sm: 28px;
+    --origam-btn---height-md: 36px;
+    --origam-btn---height-lg: 44px;
+    --origam-btn---height-xl: 52px;
+    --origam-btn---padding-xs: var(--origam-space---2);
+    --origam-btn---padding-sm: var(--origam-space---3);
+    --origam-btn---padding-md: var(--origam-space---4);
+    --origam-btn---padding-lg: var(--origam-space---5);
+    --origam-btn---padding-xl: var(--origam-space---6);
+    --origam-btn---font-size: var(--origam-font__size---md);
+    --origam-btn---font-weight: var(--origam-font__weight---medium);
+    --origam-btn---letter-spacing: var(--origam-font__letterSpacing---widest);
+    --origam-btn---line-height: 1;
+    --origam-btn---text-decoration: none;
+    --origam-btn---text-indent: var(--origam-font__letterSpacing---widest);
+    --origam-btn---opacity: 1;
+    --origam-btn---opacity-disabled: var(--origam-opacity---50);
+    --origam-btn---opacity-plain: var(--origam-opacity---70);
+    --origam-btn---overlay-opacity-hover: var(--origam-opacity---12);
+    --origam-btn---box-shadow-elevated: var(--origam-shadow---md);
+    --origam-btn---background-color-tonal: var(--origam-color__surface---overlay);
+    --origam-btn---background-color-tonal-active: var(--origam-color__surface---raised);
+    --origam-btn---box-shadow-tonal-active: var(--origam-shadow---xs);
+    --origam-btn---border-width-outlined: var(--origam-border__width---thin);
+    --origam-btn---border-width-ghost: var(--origam-border__width---thin);
+    --origam-btn---backdrop-filter-ghost: blur(8px);
+    --origam-btn---transition-duration: var(--origam-motion__duration---slow);
+    --origam-btn---transition-easing: var(--origam-motion__easing---standard);
+    --origam-btn--primary---background-color: var(--origam-color__action--primary---bg);
+    --origam-btn--primary---color: var(--origam-color__action--primary---fg);
+    --origam-btn--primary---background-color-hover: var(--origam-color__action--primary---bgHover);
+    --origam-btn--ghost---background-color: var(--origam-color__action--ghost---bg);
+    --origam-btn--ghost---color: var(--origam-color__action--ghost---fg);
+    --origam-btn--ghost---background-color-hover: var(--origam-color__action--ghost---bgHover);
+    --origam-btn--success---background-color: var(--origam-color__feedback--success---bg);
+    --origam-btn--success---color: var(--origam-color__feedback--success---fg);
+    --origam-btn--warning---background-color: var(--origam-color__feedback--warning---bg);
+    --origam-btn--warning---color: var(--origam-color__feedback--warning---fg);
+    --origam-btn--danger---background-color: var(--origam-color__feedback--danger---bg);
+    --origam-btn--danger---color: var(--origam-color__feedback--danger---fg);
+    --origam-btn--info---background-color: var(--origam-color__feedback--info---bg);
+    --origam-btn--info---color: var(--origam-color__feedback--info---fg);
+    --origam-btn-group---border-width: var(--origam-border__width---0);
+    --origam-btn-group---border-style: solid;
+    --origam-btn-group---border-color: var(--origam-color__border---subtle);
+    --origam-btn-group---border-radius: var(--origam-radius---sm);
+    --origam-card---display: block;
+    --origam-card---overflow: hidden;
+    --origam-card---overflow-wrap: break-word;
+    --origam-card---position: relative;
+    --origam-card---z-index: var(--origam-zIndex---base);
+    --origam-card---background: var(--origam-color__surface---raised);
+    --origam-card---color: var(--origam-color__text---primary);
+    --origam-card---backdrop-filter: none;
+    --origam-card---box-shadow: var(--origam-shadow---sm);
+    --origam-card---box-shadow-hover: var(--origam-shadow---lg);
+    --origam-card---box-shadow-elevated: var(--origam-shadow---md);
+    --origam-card---opacity: var(--origam-opacity---100);
+    --origam-card---opacity-disabled: var(--origam-opacity---60);
+    --origam-card---density: 0px;
+    --origam-card---pointer-events: auto;
+    --origam-card---user-select: auto;
+    --origam-card---cursor: inherit;
+    --origam-card---text-decoration: none;
+    --origam-card---transition-duration: var(--origam-motion__duration---slow);
+    --origam-card---transition-property: box-shadow, opacity, background;
+    --origam-card---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-card---border-color: var(--origam-color__border---subtle);
+    --origam-card---border-style: solid;
+    --origam-card---border-top-width: var(--origam-border__width---0);
+    --origam-card---border-left-width: var(--origam-border__width---0);
+    --origam-card---border-bottom-width: var(--origam-border__width---0);
+    --origam-card---border-right-width: var(--origam-border__width---0);
+    --origam-card---border-start-start-radius: var(--origam-radius---none);
+    --origam-card---border-start-end-radius: var(--origam-radius---none);
+    --origam-card---border-end-start-radius: var(--origam-radius---none);
+    --origam-card---border-end-end-radius: var(--origam-radius---none);
+    --origam-card---border-radius-rounded: var(--origam-radius---md);
+    --origam-card---padding-block-start: var(--origam-space---0);
+    --origam-card---padding-block-end: var(--origam-space---0);
+    --origam-card---padding-inline-start: var(--origam-space---0);
+    --origam-card---padding-inline-end: var(--origam-space---0);
+    --origam-card---margin-block-start: var(--origam-space---0);
+    --origam-card---margin-block-end: var(--origam-space---0);
+    --origam-card---margin-inline-start: var(--origam-space---0);
+    --origam-card---margin-inline-end: var(--origam-space---0);
+    --origam-card---overlay-opacity-hover: var(--origam-opacity---12);
+    --origam-card---overlay-opacity-disabled: var(--origam-opacity---0);
+    --origam-card__overlay---background-color: var(--origam-color__overlay---scrim);
+    --origam-card__overlay---border-radius: inherit;
+    --origam-card__overlay---opacity: var(--origam-opacity---0);
+    --origam-card__overlay---pointer-events: none;
+    --origam-card__overlay---position: absolute;
+    --origam-card__overlay---position-bottom: var(--origam-space---0);
+    --origam-card__overlay---position-left: var(--origam-space---0);
+    --origam-card__overlay---position-right: var(--origam-space---0);
+    --origam-card__overlay---position-top: var(--origam-space---0);
+    --origam-card__overlay---transition-property: opacity;
+    --origam-card__overlay---transition-duration: var(--origam-motion__duration---medium);
+    --origam-card__overlay---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-card__underlay---position: absolute;
+    --origam-card__before---border-radius: inherit;
+    --origam-card__before---bottom: var(--origam-space---0);
+    --origam-card__before---content: "";
+    --origam-card__before---display: block;
+    --origam-card__before---left: var(--origam-space---0);
+    --origam-card__before---pointer-events: none;
+    --origam-card__before---position: absolute;
+    --origam-card__before---right: var(--origam-space---0);
+    --origam-card__before---top: var(--origam-space---0);
+    --origam-card__before---transition: inherit;
+    --origam-card__before---opacity: var(--origam-opacity---100);
+    --origam-card__before---z-index: -1;
+    --origam-card__before---box-shadow: var(--origam-shadow---sm);
+    --origam-card---before-box-shadow: none;
+    --origam-card__after---border-radius: inherit;
+    --origam-card__after---bottom: var(--origam-space---0);
+    --origam-card__after---content: "";
+    --origam-card__after---display: block;
+    --origam-card__after---left: var(--origam-space---0);
+    --origam-card__after---pointer-events: none;
+    --origam-card__after---position: absolute;
+    --origam-card__after---right: var(--origam-space---0);
+    --origam-card__after---top: var(--origam-space---0);
+    --origam-card__after---transition: inherit;
+    --origam-card__after---z-index: 1;
+    --origam-card__after---opacity: var(--origam-opacity---0);
+    --origam-card__after---box-shadow: var(--origam-shadow---lg);
+    --origam-card---after-box-shadow: none;
+    --origam-chip---background-color: var(--origam-color__surface---overlay);
+    --origam-chip---color: var(--origam-color__text---primary);
+    --origam-chip---backdrop-filter: none;
+    --origam-chip---border-color: currentColor;
+    --origam-chip---border-style: solid;
+    --origam-chip---border-width: var(--origam-border__width---0);
+    --origam-chip---border-radius: var(--origam-radius---full);
+    --origam-chip---border-radius-label: var(--origam-radius---sm);
+    --origam-chip---font-weight: var(--origam-font__weight---regular);
+    --origam-chip---opacity-disabled: var(--origam-opacity---32);
+    --origam-chip---density: 0px;
+    --origam-chip---overlay-opacity: var(--origam-opacity---0);
+    --origam-chip---overlay-opacity-hover: 0.24;
+    --origam-chip---overlay-opacity-focus: var(--origam-opacity---12);
+    --origam-chip---overlay-opacity-active: var(--origam-opacity---12);
+    --origam-chip---transition-duration: var(--origam-motion__duration---medium);
+    --origam-chip---transition-easing: var(--origam-motion__easing---standard);
+    --origam-chip---font-size-xs: var(--origam-font__size---xs);
+    --origam-chip---font-size-sm: var(--origam-font__size---sm);
+    --origam-chip---font-size-md: var(--origam-font__size---md);
+    --origam-chip---font-size-lg: var(--origam-font__size---lg);
+    --origam-chip---font-size-xl: var(--origam-font__size---xl);
+    --origam-chip---padding-xs: var(--origam-space---2);
+    --origam-chip---padding-sm: 10px;
+    --origam-chip---padding-md: var(--origam-space---3);
+    --origam-chip---padding-lg: 14px;
+    --origam-chip---padding-xl: 17px;
+    --origam-chip--selected---background-color: var(--origam-color__action--primary---bg);
+    --origam-chip--selected---color: var(--origam-color__action--primary---fg);
+    --origam-chip--success---background-color: var(--origam-color__feedback--success---bgSubtle);
+    --origam-chip--success---color: var(--origam-color__feedback--success---fgSubtle);
+    --origam-chip--success---border-color: var(--origam-color__feedback--success---border);
+    --origam-chip--warning---background-color: var(--origam-color__feedback--warning---bgSubtle);
+    --origam-chip--warning---color: var(--origam-color__feedback--warning---fgSubtle);
+    --origam-chip--warning---border-color: var(--origam-color__feedback--warning---border);
+    --origam-chip--danger---background-color: var(--origam-color__feedback--danger---bgSubtle);
+    --origam-chip--danger---color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-chip--danger---border-color: var(--origam-color__feedback--danger---border);
+    --origam-chip--info---background-color: var(--origam-color__feedback--info---bgSubtle);
+    --origam-chip--info---color: var(--origam-color__feedback--info---fgSubtle);
+    --origam-chip--info---border-color: var(--origam-color__feedback--info---border);
+    --origam-chip--outlined---background-color: rgba(0, 0, 0, 0);
+    --origam-chip---border-width-outlined: var(--origam-border__width---thin);
+    --origam-chip--outlined---border-color: currentColor;
+    --origam-chip__overlay---background-color: var(--origam-color__overlay---scrim);
+    --origam-chip__overlay---border-radius: inherit;
+    --origam-chip__overlay---opacity: var(--origam-opacity---0);
+    --origam-chip__overlay---pointer-events: none;
+    --origam-chip__overlay---position: absolute;
+    --origam-chip__overlay---position-top: var(--origam-space---0);
+    --origam-chip__overlay---position-left: var(--origam-space---0);
+    --origam-chip__overlay---width: 100%;
+    --origam-chip__overlay---height: 100%;
+    --origam-chip__overlay---transition-property: opacity;
+    --origam-chip__overlay---transition-duration: var(--origam-motion__duration---medium);
+    --origam-chip__overlay---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-chip__underlay---position: absolute;
+    --origam-chip__close---cursor: pointer;
+    --origam-chip__close---font-size: 18px;
+    --origam-chip__close---max-height: 18px;
+    --origam-chip__close---max-width: 18px;
+    --origam-chip__close---user-select: none;
+    --origam-chip__close---flex: 0 1 auto;
+    --origam-chip__filter---transition-property: transform, opacity;
+    --origam-chip__filter---transition-duration: var(--origam-motion__duration---normal);
+    --origam-chip__filter---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-avatar---background-color: var(--origam-color__surface---overlay);
+    --origam-avatar---color: var(--origam-color__text---secondary);
+    --origam-avatar---border-color: currentColor;
+    --origam-avatar---border-style: solid;
+    --origam-avatar---border-width: var(--origam-border__width---0);
+    --origam-avatar---border-radius: var(--origam-radius---full);
+    --origam-avatar---border-radius-rounded: var(--origam-radius---sm);
+    --origam-avatar---border-radius-square: var(--origam-radius---none);
+    --origam-avatar---box-shadow: var(--origam-shadow---none);
+    --origam-avatar---box-shadow-elevated: var(--origam-shadow---md);
+    --origam-avatar---position: relative;
+    --origam-avatar---overflow: hidden;
+    --origam-avatar---text-align: center;
+    --origam-avatar---text-transform: uppercase;
+    --origam-avatar---font-size: var(--origam-font__size---3xl);
+    --origam-avatar---font-weight: var(--origam-font__weight---regular);
+    --origam-avatar---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-avatar---line-height: 1;
+    --origam-avatar---density: 0px;
+    --origam-avatar---size-xs: 24px;
+    --origam-avatar---size-sm: 32px;
+    --origam-avatar---size-md: 40px;
+    --origam-avatar---size-lg: 56px;
+    --origam-avatar---size-xl: 72px;
+    --origam-avatar---transition-property: width, height, font-size;
+    --origam-avatar---transition-duration: var(--origam-motion__duration---medium);
+    --origam-avatar---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-avatar---padding-block-start: var(--origam-space---0);
+    --origam-avatar---padding-block-end: var(--origam-space---0);
+    --origam-avatar---padding-inline-start: var(--origam-space---0);
+    --origam-avatar---padding-inline-end: var(--origam-space---0);
+    --origam-avatar---margin-block-start: var(--origam-space---0);
+    --origam-avatar---margin-block-end: var(--origam-space---0);
+    --origam-avatar---margin-inline-start: var(--origam-space---0);
+    --origam-avatar---margin-inline-end: var(--origam-space---0);
+    --origam-avatar__wrapper---width: 100%;
+    --origam-avatar__wrapper---height: 100%;
+    --origam-avatar__wrapper---flex: none;
+    --origam-avatar__wrapper---display: inline-flex;
+    --origam-avatar__wrapper---align-items: center;
+    --origam-avatar__wrapper---justify-content: center;
+    --origam-avatar__wrapper---vertical-align: middle;
+    --origam-avatar__wrapper---padding-block-start: var(--origam-space---0);
+    --origam-avatar__wrapper---padding-block-end: var(--origam-space---0);
+    --origam-avatar__wrapper---padding-inline-start: var(--origam-space---0);
+    --origam-avatar__wrapper---padding-inline-end: var(--origam-space---0);
+    --origam-avatar__wrapper---margin-block-start: var(--origam-space---0);
+    --origam-avatar__wrapper---margin-block-end: var(--origam-space---0);
+    --origam-avatar__wrapper---margin-inline-start: var(--origam-space---0);
+    --origam-avatar__wrapper---margin-inline-end: var(--origam-space---0);
+    --origam-avatar__image---width: 100%;
+    --origam-avatar__image---height: 100%;
+    --origam-avatar--warning---background-color: var(--origam-color__feedback--warning---bg);
+    --origam-avatar--warning---color: var(--origam-color__feedback--warning---fg);
+    --origam-avatar--success---background-color: var(--origam-color__feedback--success---bg);
+    --origam-avatar--success---color: var(--origam-color__feedback--success---fg);
+    --origam-avatar--info---background-color: var(--origam-color__feedback--info---bg);
+    --origam-avatar--info---color: var(--origam-color__feedback--info---fg);
+    --origam-avatar--danger---background-color: var(--origam-color__feedback--danger---bg);
+    --origam-avatar--danger---color: var(--origam-color__feedback--danger---fg);
+    --origam-avatar--error---background-color: var(--origam-color__feedback--danger---bg);
+    --origam-avatar--error---color: var(--origam-color__feedback--danger---fg);
+    --origam-avatar-group---flex-direction: row;
+    --origam-avatar-group---position: relative;
+    --origam-avatar-group---density: 0px;
+    --origam-avatar-group---box-shadow: var(--origam-shadow---none);
+    --origam-avatar-group---box-shadow-elevated: var(--origam-shadow---md);
+    --origam-avatar-group---margin-inline-start: var(--origam-space---0);
+    --origam-avatar-group---margin-inline-end: var(--origam-space---0);
+    --origam-avatar-group---margin-block-start: var(--origam-space---0);
+    --origam-avatar-group---margin-block-end: var(--origam-space---0);
+    --origam-avatar-group---padding-block-start: var(--origam-space---0);
+    --origam-avatar-group---padding-block-end: var(--origam-space---0);
+    --origam-avatar-group---padding-inline-start: var(--origam-space---0);
+    --origam-avatar-group---padding-inline-end: var(--origam-space---0);
+    --origam-avatar-group__avatar---transition-duration: var(--origam-motion__duration---medium);
+    --origam-avatar-group__avatar---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-avatar-group__avatar---transition-property: margin;
+    --origam-avatar-group__item---outline-color: var(--origam-color__surface---default);
+    --origam-avatar-group__item---outline-style: solid;
+    --origam-avatar-group__item---outline-width: 2px;
+    --origam-avatar-group__item---margin-inline-start: var(--origam-space---0);
+    --origam-avatar-group__item---margin-inline-end: var(--origam-space---0);
+    --origam-avatar-group__item---margin-block-start: var(--origam-space---0);
+    --origam-avatar-group__item---margin-block-end: var(--origam-space---0);
+    --origam-badge__wrapper---display: flex;
+    --origam-badge__wrapper---align-items: stretch;
+    --origam-badge__wrapper---justify-content: start;
+    --origam-badge__wrapper---padding-block-start: var(--origam-space---0);
+    --origam-badge__wrapper---padding-block-end: var(--origam-space---0);
+    --origam-badge__wrapper---padding-inline-start: var(--origam-space---0);
+    --origam-badge__wrapper---padding-inline-end: var(--origam-space---0);
+    --origam-badge__wrapper---margin-block-start: var(--origam-space---0);
+    --origam-badge__wrapper---margin-block-end: var(--origam-space---0);
+    --origam-badge__wrapper---margin-inline-start: var(--origam-space---0);
+    --origam-badge__wrapper---margin-inline-end: var(--origam-space---0);
+    --origam-badge__badge---gap: 2px;
+    --origam-badge__badge---background-color: var(--origam-color__action--primary---bg);
+    --origam-badge__badge---color: var(--origam-color__action--primary---fg);
+    --origam-badge__badge---border-color: currentColor;
+    --origam-badge__badge---border-style: solid;
+    --origam-badge__badge---border-width: var(--origam-border__width---0);
+    --origam-badge__badge---border-top-width: var(--origam-border__width---0);
+    --origam-badge__badge---border-left-width: var(--origam-border__width---0);
+    --origam-badge__badge---border-bottom-width: var(--origam-border__width---0);
+    --origam-badge__badge---border-right-width: var(--origam-border__width---0);
+    --origam-badge__badge---border-radius: var(--origam-radius---full);
+    --origam-badge__badge---font-size: var(--origam-font__size---sm);
+    --origam-badge__badge---font-weight: var(--origam-font__weight---medium);
+    --origam-badge__badge---text-align: center;
+    --origam-badge__badge---text-indent: 0;
+    --origam-badge__badge---white-space: nowrap;
+    --origam-badge__badge---height: 1.25rem;
+    --origam-badge__badge---min-width: 20px;
+    --origam-badge__badge---pointer-events: auto;
+    --origam-badge__badge---position: absolute;
+    --origam-badge__badge---padding-block-start: var(--origam-space---0);
+    --origam-badge__badge---padding-block-end: var(--origam-space---0);
+    --origam-badge__badge---padding-inline-start: var(--origam-space---1);
+    --origam-badge__badge---padding-inline-end: var(--origam-space---1);
+    --origam-badge__badge---margin-block-start: var(--origam-space---0);
+    --origam-badge__badge---margin-block-end: var(--origam-space---0);
+    --origam-badge__badge---margin-inline-start: var(--origam-space---0);
+    --origam-badge__badge---margin-inline-end: var(--origam-space---0);
+    --origam-badge__badge---transition-duration: 225ms;
+    --origam-badge__badge---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-badge__badge---transition-property: all;
+    --origam-badge__badge---box-shadow: var(--origam-shadow---none);
+    --origam-badge__badge---box-shadow-elevated: var(--origam-shadow---md);
+    --origam-badge--warning---background-color: var(--origam-color__feedback--warning---bg);
+    --origam-badge--warning---color: var(--origam-color__feedback--warning---fg);
+    --origam-badge--success---background-color: var(--origam-color__feedback--success---bg);
+    --origam-badge--success---color: var(--origam-color__feedback--success---fg);
+    --origam-badge--danger---background-color: var(--origam-color__feedback--danger---bg);
+    --origam-badge--danger---color: var(--origam-color__feedback--danger---fg);
+    --origam-badge--info---background-color: var(--origam-color__feedback--info---bg);
+    --origam-badge--info---color: var(--origam-color__feedback--info---fg);
+    --origam-badge--error---background-color: var(--origam-color__feedback--danger---bg);
+    --origam-badge--error---color: var(--origam-color__feedback--danger---fg);
+    --origam-alert---background-color: var(--origam-color__surface---disabled);
+    --origam-alert---backdrop-filter: none;
+    --origam-alert---color: var(--origam-color__text---primary);
+    --origam-alert---border-color: rgba(0, 0, 0, 0);
+    --origam-alert---border-style: solid;
+    --origam-alert---border-top-width: var(--origam-border__width---0);
+    --origam-alert---border-left-width: var(--origam-border__width---0);
+    --origam-alert---border-bottom-width: var(--origam-border__width---0);
+    --origam-alert---border-right-width: var(--origam-border__width---0);
+    --origam-alert---border-radius: var(--origam-radius---none);
+    --origam-alert---border-radius-rounded: var(--origam-radius---sm);
+    --origam-alert---position: static;
+    --origam-alert---padding-block-start: var(--origam-space---4);
+    --origam-alert---padding-block-end: var(--origam-space---4);
+    --origam-alert---padding-inline-start: var(--origam-space---4);
+    --origam-alert---padding-inline-end: var(--origam-space---4);
+    --origam-alert---margin-block-start: var(--origam-space---0);
+    --origam-alert---margin-block-end: var(--origam-space---0);
+    --origam-alert---margin-inline-start: var(--origam-space---0);
+    --origam-alert---margin-inline-end: var(--origam-space---0);
+    --origam-alert---density: 0px;
+    --origam-alert---accent-width: 24px;
+    --origam-alert---box-shadow-elevated: var(--origam-shadow---md);
+    --origam-alert__prepend---align-items: center;
+    --origam-alert__prepend---margin-inline-start: var(--origam-space---0);
+    --origam-alert__prepend---margin-inline-end: var(--origam-space---4);
+    --origam-alert__prepend---margin-block-start: var(--origam-space---0);
+    --origam-alert__prepend---margin-block-end: var(--origam-space---0);
+    --origam-alert__prepend---padding-block-start: var(--origam-space---0);
+    --origam-alert__prepend---padding-block-end: var(--origam-space---0);
+    --origam-alert__prepend---padding-inline-start: var(--origam-space---0);
+    --origam-alert__prepend---padding-inline-end: var(--origam-space---0);
+    --origam-alert__append---align-items: center;
+    --origam-alert__append---margin-inline-start: var(--origam-space---4);
+    --origam-alert__append---margin-inline-end: var(--origam-space---0);
+    --origam-alert__append---margin-block-start: var(--origam-space---0);
+    --origam-alert__append---margin-block-end: var(--origam-space---0);
+    --origam-alert__append---padding-block-start: var(--origam-space---0);
+    --origam-alert__append---padding-block-end: var(--origam-space---0);
+    --origam-alert__append---padding-inline-start: var(--origam-space---0);
+    --origam-alert__append---padding-inline-end: var(--origam-space---0);
+    --origam-alert__close---margin-inline-start: var(--origam-space---4);
+    --origam-alert__close---margin-inline-end: var(--origam-space---0);
+    --origam-alert__close---margin-block-start: var(--origam-space---0);
+    --origam-alert__close---margin-block-end: var(--origam-space---0);
+    --origam-alert__close---padding-block-start: var(--origam-space---0);
+    --origam-alert__close---padding-block-end: var(--origam-space---0);
+    --origam-alert__close---padding-inline-start: var(--origam-space---0);
+    --origam-alert__close---padding-inline-end: var(--origam-space---0);
+    --origam-alert__title---align-items: center;
+    --origam-alert__title---font-size: var(--origam-font__size---2xl);
+    --origam-alert__title---font-weight: var(--origam-font__weight---medium);
+    --origam-alert__title---hyphens: auto;
+    --origam-alert__title---letter-spacing: var(--origam-font__letterSpacing---wider);
+    --origam-alert__title---line-height: var(--origam-font__lineHeight---tight);
+    --origam-alert__title---overflow-wrap: normal;
+    --origam-alert__title---text-transform: none;
+    --origam-alert__title---word-break: normal;
+    --origam-alert__title---word-wrap: break-word;
+    --origam-alert__text---font-size: var(--origam-font__size---lg);
+    --origam-alert__text---font-weight: var(--origam-font__weight---regular);
+    --origam-alert__text---line-height: var(--origam-font__lineHeight---snug);
+    --origam-alert__text---letter-spacing: var(--origam-font__letterSpacing---wider);
+    --origam-alert__text---hyphens: auto;
+    --origam-alert__text---word-break: normal;
+    --origam-alert__text---word-wrap: break-word;
+    --origam-alert__underlay---border-radius: var(--origam-radius---sm);
+    --origam-alert--success---bg: var(--origam-color__feedback--success---bg);
+    --origam-alert--success---fg: var(--origam-color__feedback--success---fg);
+    --origam-alert--success---bg-subtle: var(--origam-color__feedback--success---bgSubtle);
+    --origam-alert--success---fg-subtle: var(--origam-color__feedback--success---fgSubtle);
+    --origam-alert--success---border: var(--origam-color__feedback--success---border);
+    --origam-alert--warning---bg: var(--origam-color__feedback--warning---bg);
+    --origam-alert--warning---fg: var(--origam-color__feedback--warning---fg);
+    --origam-alert--warning---bg-subtle: var(--origam-color__feedback--warning---bgSubtle);
+    --origam-alert--warning---fg-subtle: var(--origam-color__feedback--warning---fgSubtle);
+    --origam-alert--warning---border: var(--origam-color__feedback--warning---border);
+    --origam-alert--danger---bg: var(--origam-color__feedback--danger---bg);
+    --origam-alert--danger---fg: var(--origam-color__feedback--danger---fg);
+    --origam-alert--danger---bg-subtle: var(--origam-color__feedback--danger---bgSubtle);
+    --origam-alert--danger---fg-subtle: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-alert--danger---border: var(--origam-color__feedback--danger---border);
+    --origam-alert--info---bg: var(--origam-color__feedback--info---bg);
+    --origam-alert--info---fg: var(--origam-color__feedback--info---fg);
+    --origam-alert--info---bg-subtle: var(--origam-color__feedback--info---bgSubtle);
+    --origam-alert--info---fg-subtle: var(--origam-color__feedback--info---fgSubtle);
+    --origam-alert--info---border: var(--origam-color__feedback--info---border);
+    --origam-snackbar---z-index: var(--origam-zIndex---toast);
+    --origam-snackbar---margin: var(--origam-space---2);
+    --origam-snackbar---position: fixed;
+    --origam-snackbar__wrapper---min-height: 48px;
+    --origam-snackbar__wrapper---min-width: 344px;
+    --origam-snackbar__wrapper---max-width: 672px;
+    --origam-snackbar__wrapper---border-width: var(--origam-border__width---thin);
+    --origam-snackbar__wrapper---border-style: solid;
+    --origam-snackbar__wrapper---border-radius: var(--origam-radius---sm);
+    --origam-snackbar__content---font-size: var(--origam-font__size---md);
+    --origam-snackbar__content---font-weight: var(--origam-font__weight---regular);
+    --origam-snackbar__content---letter-spacing: var(--origam-font__letterSpacing---wide);
+    --origam-snackbar__content---line-height: var(--origam-font__lineHeight---snug);
+    --origam-snackbar__content---padding-block: 14px;
+    --origam-snackbar__content---padding-inline: var(--origam-space---4);
+    --origam-snackbar__prepend---margin-inline-end: var(--origam-space---3);
+    --origam-snackbar__actions---margin-inline-end: var(--origam-space---2);
+    --origam-snackbar__timer---transition-duration: var(--origam-motion__duration---medium);
+    --origam-snackbar__timer---transition-easing: var(--origam-motion__easing---linear);
+    --origam-snackbar--multi-line---wrapper-min-height: 68px;
+    --origam-snackbar--vertical---actions-margin-bottom: var(--origam-space---2);
+    --origam-snackbar--absolute---z-index: var(--origam-zIndex---raised);
+    --origam-snackbar--success---bg: var(--origam-color__feedback--success---bg);
+    --origam-snackbar--success---fg: var(--origam-color__feedback--success---fg);
+    --origam-snackbar--success---border: var(--origam-color__feedback--success---border);
+    --origam-snackbar--warning---bg: var(--origam-color__feedback--warning---bg);
+    --origam-snackbar--warning---fg: var(--origam-color__feedback--warning---fg);
+    --origam-snackbar--warning---border: var(--origam-color__feedback--warning---border);
+    --origam-snackbar--danger---bg: var(--origam-color__feedback--danger---bg);
+    --origam-snackbar--danger---fg: var(--origam-color__feedback--danger---fg);
+    --origam-snackbar--danger---border: var(--origam-color__feedback--danger---border);
+    --origam-snackbar--info---bg: var(--origam-color__feedback--info---bg);
+    --origam-snackbar--info---fg: var(--origam-color__feedback--info---fg);
+    --origam-snackbar--info---border: var(--origam-color__feedback--info---border);
+    --origam-snackbar-item---backdrop-filter: none;
+    --origam-snackbar-item---gap: var(--origam-space---3);
+    --origam-snackbar-item---min-width: 288px;
+    --origam-snackbar-item---max-width: 420px;
+    --origam-snackbar-item---padding: 12px 14px;
+    --origam-snackbar-item---border-radius: var(--origam-radius---md);
+    --origam-snackbar-item---border-width: var(--origam-border__width---thin);
+    --origam-snackbar-item---background-color: var(--origam-color__surface---default);
+    --origam-snackbar-item---border-color: var(--origam-color__border---subtle);
+    --origam-snackbar-item---color: var(--origam-color__text---primary);
+    --origam-snackbar-item---box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+    --origam-snackbar-item---font-size: var(--origam-font__size---md);
+    --origam-snackbar-item__content---gap: 10px;
+    --origam-snackbar-item__prepend---color: currentColor;
+    --origam-snackbar-item__text---gap: 2px;
+    --origam-snackbar-item__title---font-weight: var(--origam-font__weight---semibold);
+    --origam-snackbar-item__message---font-weight: var(--origam-font__weight---regular);
+    --origam-snackbar-item__message---color: currentColor;
+    --origam-snackbar-item__message---opacity: 0.85;
+    --origam-snackbar-item__action---color: var(--origam-color__action--primary---fg);
+    --origam-snackbar-item__action--hover---background-color: rgba(0, 0, 0, 0.04);
+    --origam-snackbar-item__dismiss--hover---background-color: rgba(0, 0, 0, 0.04);
+    --origam-bottom-nav---border-top-width: var(--origam-border__width---0);
+    --origam-bottom-nav---border-left-width: var(--origam-border__width---0);
+    --origam-bottom-nav---border-bottom-width: var(--origam-border__width---0);
+    --origam-bottom-nav---border-right-width: var(--origam-border__width---0);
+    --origam-bottom-nav---border-color: currentColor;
+    --origam-bottom-nav---border-style: solid;
+    --origam-bottom-nav---border-radius: var(--origam-radius---none);
+    --origam-bottom-nav---density: 0px;
+    --origam-bottom-nav---max-width: 100%;
+    --origam-bottom-nav---height: var(--origam-space---12);
+    --origam-bottom-nav---background: var(--origam-color__neutral---200);
+    --origam-bottom-nav---color: var(--origam-color__text---primary);
+    --origam-bottom-nav---box-shadow: var(--origam-shadow---none);
+    --origam-bottom-nav---padding-block-start: var(--origam-space---2);
+    --origam-bottom-nav---padding-block-end: var(--origam-space---2);
+    --origam-bottom-nav---padding-inline-start: var(--origam-space---2);
+    --origam-bottom-nav---padding-inline-end: var(--origam-space---2);
+    --origam-bottom-nav---margin-block-start: var(--origam-space---0);
+    --origam-bottom-nav---margin-block-end: var(--origam-space---0);
+    --origam-bottom-nav---margin-inline-start: var(--origam-space---0);
+    --origam-bottom-nav---margin-inline-end: var(--origam-space---0);
+    --origam-bottom-nav---transition-duration: 0.2s, 0.1s;
+    --origam-bottom-nav---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-bottom-nav---transition-property: transform, color;
+    --origam-bottom-nav--elevated---box-shadow: 0px -6px 24px 0px rgba(0,0,0,0.05), 0px 0px 0px 1px rgba(0,0,0,0.08);
+    --origam-bottom-nav--active---box-shadow: 0px -6px 24px 0px rgba(0,0,0,0.05), 0px 0px 0px 1px rgba(0,0,0,0.08);
+    --origam-bottom-nav---border-variant-border-width: var(--origam-border__width---thin);
+    --origam-bottom-nav__rounded---border-radius: var(--origam-radius---sm);
+    --origam-bottom-nav---density-comfortable-density: var(--origam-space---2);
+    --origam-bottom-nav---density-default-density: var(--origam-space---0);
+    --origam-bottom-nav---density-compact-density: var(--origam-space---2);
+    --origam-bottom-nav__content---justify-content: center;
+    --origam-bottom-nav__content---align-items: center;
+    --origam-bottom-nav__content---flex-wrap: nowrap;
+    --origam-bottom-nav__content---transform: none;
+    --origam-toolbar---border-top-width: var(--origam-border__width---0);
+    --origam-toolbar---border-left-width: var(--origam-border__width---0);
+    --origam-toolbar---border-bottom-width: var(--origam-border__width---0);
+    --origam-toolbar---border-right-width: var(--origam-border__width---0);
+    --origam-toolbar---border-color: var(--origam-color__text---primary);
+    --origam-toolbar---border-style: solid;
+    --origam-toolbar---border-start-start-radius: var(--origam-radius---none);
+    --origam-toolbar---border-start-end-radius: var(--origam-radius---none);
+    --origam-toolbar---border-end-start-radius: var(--origam-radius---none);
+    --origam-toolbar---border-end-end-radius: var(--origam-radius---none);
+    --origam-toolbar---max-width: 100%;
+    --origam-toolbar---width: 100%;
+    --origam-toolbar---height: var(--origam-space---14);
+    --origam-toolbar---height-compact: var(--origam-space---10);
+    --origam-toolbar---height-default: var(--origam-space---14);
+    --origam-toolbar---height-prominent: var(--origam-space---20);
+    --origam-toolbar---box-sizing: border-box;
+    --origam-toolbar---overflow: hidden;
+    --origam-toolbar---position: relative;
+    --origam-toolbar---z-index: var(--origam-zIndex---fixed);
+    --origam-toolbar---transform: none;
+    --origam-toolbar---transition-duration: var(--origam-motion__duration---medium);
+    --origam-toolbar---transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
+    --origam-toolbar---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-toolbar---background: var(--origam-color__surface---default);
+    --origam-toolbar---color: var(--origam-color__text---primary);
+    --origam-toolbar---box-shadow: var(--origam-shadow---sm);
+    --origam-toolbar---border-variant-border-width: var(--origam-border__width---thin);
+    --origam-toolbar---border-variant-box-shadow: var(--origam-shadow---none);
+    --origam-toolbar__rounded---border-radius: var(--origam-radius---sm);
+    --origam-toolbar__collapse---max-width: 112px;
+    --origam-toolbar__collapse---overflow: hidden;
+    --origam-toolbar__collapse---border-end-end-radius: var(--origam-radius---2xl);
+    --origam-toolbar__flat---box-shadow: var(--origam-shadow---none);
+    --origam-toolbar__floating---display: inline-flex;
+    --origam-toolbar__wrapper---display: flex;
+    --origam-toolbar__wrapper---align-items: flex-start;
+    --origam-toolbar__wrapper---flex-direction: row;
+    --origam-toolbar__wrapper---justify-content: space-between;
+    --origam-toolbar__wrapper---height: 100%;
+    --origam-toolbar__wrapper---flex-wrap: wrap;
+    --origam-toolbar__wrapper---flex: 1 1 auto;
+    --origam-toolbar__content---display: flex;
+    --origam-toolbar__content---align-items: center;
+    --origam-toolbar__content---position: relative;
+    --origam-toolbar__content---transition: inherit;
+    --origam-toolbar__content---height: 100%;
+    --origam-toolbar__content---flex-grow: 1;
+    --origam-toolbar__content---flex-basis: var(--origam-space---0);
+    --origam-toolbar__content---max-width: 100%;
+    --origam-toolbar__title---display: flex;
+    --origam-toolbar__title---align-items: center;
+    --origam-toolbar__title---align-self: stretch;
+    --origam-toolbar__title---height: 100%;
+    --origam-toolbar__title---flex-grow: 0;
+    --origam-toolbar__title---flex-shrink: 0;
+    --origam-toolbar__title---flex-basis: auto;
+    --origam-toolbar__title---min-width: var(--origam-space---0);
+    --origam-toolbar__title---font-size: var(--origam-font__size---2xl);
+    --origam-toolbar__title---font-weight: var(--origam-font__weight---regular);
+    --origam-toolbar__title---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-toolbar__title---line-height: 1.75rem;
+    --origam-toolbar__title---text-transform: none;
+    --origam-toolbar__title---margin-inline-start: auto;
+    --origam-toolbar__title---margin-inline-end: var(--origam-space---2);
+    --origam-toolbar__title---margin-block-start: var(--origam-space---0);
+    --origam-toolbar__title---margin-block-end: var(--origam-space---0);
+    --origam-toolbar__title---padding-block-start: var(--origam-space---0);
+    --origam-toolbar__title---padding-block-end: var(--origam-space---0);
+    --origam-toolbar__title---padding-inline-start: var(--origam-space---0);
+    --origam-toolbar__title---padding-inline-end: var(--origam-space---0);
+    --origam-toolbar__prepend---align-items: center;
+    --origam-toolbar__prepend---align-self: stretch;
+    --origam-toolbar__prepend---display: flex;
+    --origam-toolbar__prepend---height: 100%;
+    --origam-toolbar__prepend---flex-grow: 0;
+    --origam-toolbar__prepend---flex-shrink: 0;
+    --origam-toolbar__prepend---flex-basis: auto;
+    --origam-toolbar__prepend---margin-inline-start: var(--origam-space---2);
+    --origam-toolbar__prepend---margin-inline-end: auto;
+    --origam-toolbar__append---align-items: center;
+    --origam-toolbar__append---align-self: stretch;
+    --origam-toolbar__append---display: flex;
+    --origam-toolbar__append---height: 100%;
+    --origam-toolbar__append---flex-grow: 0;
+    --origam-toolbar__append---flex-shrink: 0;
+    --origam-toolbar__append---flex-basis: auto;
+    --origam-toolbar__append---margin-inline-start: auto;
+    --origam-toolbar__append---margin-inline-end: var(--origam-space---2);
+    --origam-app---background-color: var(--origam-color__surface---default);
+    --origam-app---color: var(--origam-color__text---primary);
+    --origam-app---min-height: 100vh;
+    --origam-app---display: flex;
+    --origam-app---flex-direction: column;
+    --origam-app---overflow: hidden;
+    --origam-app---position: relative;
+    --origam-app-bar---background-color: var(--origam-color__surface---raised);
+    --origam-app-bar---color: var(--origam-color__text---primary);
+    --origam-app-bar---border-color: var(--origam-color__border---subtle);
+    --origam-app-bar---box-shadow: var(--origam-shadow---sm);
+    --origam-app-bar---height: 64px;
+    --origam-app-bar---z-index: var(--origam-zIndex---fixed);
+    --origam-app-bar---transition-duration: var(--origam-motion__duration---medium);
+    --origam-app-bar---transition-easing: var(--origam-motion__easing---standard);
+    --origam-app-bar__img---height: 100%;
+    --origam-app-bar__img---width: 100%;
+    --origam-app-bar__img---object-fit: cover;
+    --origam-layout---background-color: var(--origam-color__surface---default);
+    --origam-layout---display: flex;
+    --origam-layout---flex: 1 0 auto;
+    --origam-layout---flex-direction: column;
+    --origam-layout---overflow: hidden;
+    --origam-layout---max-width: 100%;
+    --origam-layout---position: relative;
+    --origam-layout__wrapper---width: 100vw;
+    --origam-layout__wrapper---height: 100vh;
+    --origam-layout__wrapper---max-height: 100%;
+    --origam-layout__wrapper---max-width: 100%;
+    --origam-main---flex: 1 0 auto;
+    --origam-main---max-width: 100%;
+    --origam-main---width: 100%;
+    --origam-main---height: 100%;
+    --origam-main---display: flex;
+    --origam-main---position: absolute;
+    --origam-main---position-top: var(--origam-space---0);
+    --origam-main---position-left: var(--origam-space---0);
+    --origam-main---transition-duration: var(--origam-motion__duration---medium);
+    --origam-main---transition-property: all;
+    --origam-main---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-main---background-color: var(--origam-color__surface---default);
+    --origam-main---color: var(--origam-color__text---primary);
+    --origam-main__scroller---position: relative;
+    --origam-main__scroller---max-width: 100%;
+    --origam-drawer---display: flex;
+    --origam-drawer---flex-direction: column;
+    --origam-drawer---position: absolute;
+    --origam-drawer---z-index: var(--origam-zIndex---dropdown);
+    --origam-layout---transform: none;
+    --origam-drawer---height: 100%;
+    --origam-drawer---width: 100%;
+    --origam-drawer---max-width: 100%;
+    --origam-drawer---pointer-events: auto;
+    --origam-drawer---background: var(--origam-color__surface---default);
+    --origam-drawer---color: var(--origam-color__text---primary);
+    --origam-drawer---box-shadow: var(--origam-shadow---none);
+    --origam-drawer---border-color: var(--origam-color__text---primary);
+    --origam-drawer---border-style: solid;
+    --origam-drawer---border-top-width: var(--origam-border__width---0);
+    --origam-drawer---border-left-width: var(--origam-border__width---0);
+    --origam-drawer---border-bottom-width: var(--origam-border__width---0);
+    --origam-drawer---border-right-width: var(--origam-border__width---0);
+    --origam-drawer---border-start-start-radius: var(--origam-radius---none);
+    --origam-drawer---border-start-end-radius: var(--origam-radius---none);
+    --origam-drawer---border-end-start-radius: var(--origam-radius---none);
+    --origam-drawer---border-end-end-radius: var(--origam-radius---none);
+    --origam-drawer---transition-duration: var(--origam-motion__duration---medium);
+    --origam-drawer---transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
+    --origam-drawer---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-drawer__temporary---box-shadow: var(--origam-shadow---lg);
+    --origam-drawer__sticky---height: auto;
+    --origam-drawer__sticky---transition-property: box-shadow, transform, visibility, width, height, left, right;
+    --origam-drawer__border---border-width: var(--origam-border__width---thin);
+    --origam-drawer__border---box-shadow: var(--origam-shadow---none);
+    --origam-drawer__top---border-bottom-width: var(--origam-border__width---thin);
+    --origam-drawer__bottom---border-top-width: var(--origam-border__width---thin);
+    --origam-drawer__left---border-right-width: var(--origam-border__width---thin);
+    --origam-drawer__right---border-left-width: var(--origam-border__width---thin);
+    --origam-drawer__scrim---background: var(--origam-color__overlay---scrim);
+    --origam-drawer__scrim---opacity: 0.2;
+    --origam-drawer__scrim---position: absolute;
+    --origam-drawer__scrim---position-top: var(--origam-space---0);
+    --origam-drawer__scrim---position-left: var(--origam-space---0);
+    --origam-drawer__scrim---width: 100%;
+    --origam-drawer__scrim---height: 100%;
+    --origam-drawer__scrim---z-index: var(--origam-zIndex---raised);
+    --origam-drawer__scrim---transition-property: opacity;
+    --origam-drawer__scrim---transition-duration: var(--origam-motion__duration---medium);
+    --origam-drawer__scrim---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-drawer__content---flex: 0 1 auto;
+    --origam-drawer__content---height: 100%;
+    --origam-drawer__content---max-width: 100%;
+    --origam-drawer__content---overflow-x: hidden;
+    --origam-drawer__content---overflow-y: auto;
+    --origam-drawer__img---height: 100%;
+    --origam-drawer__img---width: 100%;
+    --origam-drawer__img---position: absolute;
+    --origam-drawer__img---z-index: -1;
+    --origam-sheet---position: relative;
+    --origam-sheet---display: block;
+    --origam-sheet---box-sizing: border-box;
+    --origam-sheet---background: var(--origam-color__surface---default);
+    --origam-sheet---color: var(--origam-color__text---primary);
+    --origam-sheet---backdrop-filter: none;
+    --origam-sheet---box-shadow: var(--origam-shadow---none);
+    --origam-sheet---border-style: solid;
+    --origam-sheet---border-color: var(--origam-color__text---primary);
+    --origam-sheet---border-top-width: var(--origam-border__width---0);
+    --origam-sheet---border-left-width: var(--origam-border__width---0);
+    --origam-sheet---border-bottom-width: var(--origam-border__width---0);
+    --origam-sheet---border-right-width: var(--origam-border__width---0);
+    --origam-sheet---border-start-start-radius: var(--origam-radius---none);
+    --origam-sheet---border-start-end-radius: var(--origam-radius---none);
+    --origam-sheet---border-end-start-radius: var(--origam-radius---none);
+    --origam-sheet---border-end-end-radius: var(--origam-radius---none);
+    --origam-sheet---width: 100%;
+    --origam-sheet---max-width: 100%;
+    --origam-sheet---min-width: var(--origam-space---0);
+    --origam-sheet---height: 100%;
+    --origam-sheet---max-height: 100%;
+    --origam-sheet---min-height: var(--origam-space---0);
+    --origam-sheet---padding-block-start: var(--origam-space---0);
+    --origam-sheet---padding-block-end: var(--origam-space---0);
+    --origam-sheet---padding-inline-start: var(--origam-space---0);
+    --origam-sheet---padding-inline-end: var(--origam-space---0);
+    --origam-sheet---margin-block-start: var(--origam-space---0);
+    --origam-sheet---margin-block-end: var(--origam-space---0);
+    --origam-sheet---margin-inline-start: var(--origam-space---0);
+    --origam-sheet---margin-inline-end: var(--origam-space---0);
+    --origam-sheet--border---border-top-width: var(--origam-border__width---thin);
+    --origam-sheet--border---border-left-width: var(--origam-border__width---thin);
+    --origam-sheet--border---border-bottom-width: var(--origam-border__width---thin);
+    --origam-sheet--border---border-right-width: var(--origam-border__width---thin);
+    --origam-sheet--border---box-shadow: var(--origam-shadow---none);
+    --origam-sheet--rounded---border-radius: var(--origam-radius---sm);
+    --origam-sheet__swipeable---border-radius: var(--origam-radius---2xl);
+    --origam-sheet__bottom---snap-peek: 120px;
+    --origam-sheet__bottom---snap-half: 50vh;
+    --origam-sheet__bottom---snap-full: 90vh;
+    --origam-sheet__handle---width: 32px;
+    --origam-sheet__handle---height: 4px;
+    --origam-sheet__handle---color: var(--origam-color__border---subtle);
+    --origam-sheet__handle---border-radius: var(--origam-radius---full);
+    --origam-sheet__handle---margin-block: var(--origam-space---2);
+    --origam-system-bar---display: flex;
+    --origam-system-bar---flex: 1 1 auto;
+    --origam-system-bar---align-items: center;
+    --origam-system-bar---justify-content: flex-end;
+    --origam-system-bar---text-align: end;
+    --origam-system-bar---position: relative;
+    --origam-system-bar---max-width: 100%;
+    --origam-system-bar---width: 100%;
+    --origam-system-bar---height: 24px;
+    --origam-system-bar---height-window: 32px;
+    --origam-system-bar---padding-inline: var(--origam-space---2);
+    --origam-system-bar---background: var(--origam-color__neutral---700);
+    --origam-system-bar---color: var(--origam-color__text---inverse);
+    --origam-system-bar---font-size: var(--origam-font__size---sm);
+    --origam-system-bar---font-weight: var(--origam-font__weight---regular);
+    --origam-system-bar---letter-spacing: var(--origam-font__letterSpacing---wide);
+    --origam-system-bar---line-height: 1.667;
+    --origam-system-bar---text-transform: none;
+    --origam-system-bar__icon---opacity: var(--origam-opacity---70);
+    --origam-system-bar---border-style: solid;
+    --origam-system-bar---border-color: var(--origam-color__border---default);
+    --origam-system-bar---border-top-width: var(--origam-border__width---0);
+    --origam-system-bar---border-left-width: var(--origam-border__width---0);
+    --origam-system-bar---border-bottom-width: var(--origam-border__width---0);
+    --origam-system-bar---border-right-width: var(--origam-border__width---0);
+    --origam-system-bar---border-start-start-radius: var(--origam-radius---none);
+    --origam-system-bar---border-start-end-radius: var(--origam-radius---none);
+    --origam-system-bar---border-end-start-radius: var(--origam-radius---none);
+    --origam-system-bar---border-end-end-radius: var(--origam-radius---none);
+    --origam-confirm-wrapper---padding-start: var(--origam-space---2);
+    --origam-confirm-wrapper---padding-end: var(--origam-space---2);
+    --origam-confirm-wrapper---padding-top: var(--origam-space---2);
+    --origam-confirm-wrapper---padding-bottom: var(--origam-space---4);
+    --origam-confirm-wrapper---details-min-height: 22px;
+    --origam-confirm-wrapper---details-font-size: var(--origam-font__size---sm);
+    --origam-confirm-wrapper---details-letter-spacing: 0.0333em;
+    --origam-confirm-wrapper---details-line-height: 1;
+    --origam-confirm-wrapper---icon-opacity: var(--origam-opacity---70);
+    --origam-confirm-wrapper---icon-opacity-active: var(--origam-opacity---100);
+    --origam-confirm-wrapper---disabled-opacity: var(--origam-opacity---50);
+    --origam-confirm-wrapper---horizontal-gap: 1em;
+    --origam-confirm-wrapper--error---color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-field---padding-start: var(--origam-space---4);
+    --origam-field---padding-end: var(--origam-space---4);
+    --origam-field---padding-top: var(--origam-space---2);
+    --origam-field---padding-bottom: 6px;
+    --origam-field---font-size: 16px;
+    --origam-field---letter-spacing: var(--origam-font__letterSpacing---wide);
+    --origam-field---border-radius: var(--origam-radius---sm);
+    --origam-field---border-color: var(--origam-color__border---default);
+    --origam-field---border-width: var(--origam-border__width---thin);
+    --origam-field---border-width-outlined: var(--origam-border__width---thin);
+    --origam-field---border-opacity: 0.38;
+    --origam-field---border-opacity-outlined: 0.38;
+    --origam-field---background-color: rgba(0, 0, 0, 0);
+    --origam-field---color: var(--origam-color__text---primary);
+    --origam-field---backdrop-filter: none;
+    --origam-field---opacity-disabled: var(--origam-opacity---50);
+    --origam-field---transition-duration: var(--origam-motion__duration---normal);
+    --origam-field---transition-easing: var(--origam-motion__easing---standard);
+    --origam-field--error---border-color: var(--origam-color__feedback--danger---border);
+    --origam-field--error---color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-field---focus-ring-color: rgba(0, 0, 0, 0);
+    --origam-field---focus-ring-width: 0px;
+    --origam-field---focus-ring-offset: 0px;
+    --origam-field--variant-solo---box-shadow: var(--origam-shadow---sm);
+    --origam-field---variant-outlined-background-color: rgba(0, 0, 0, 0);
+    --origam-field__overlay---background-color: var(--origam-color__overlay---scrim);
+    --origam-field__overlay---opacity: var(--origam-opacity---0);
+    --origam-field__overlay---position: absolute;
+    --origam-field__overlay---pointer-events: none;
+    --origam-field__input---padding-block-sm: 2px;
+    --origam-field__input---padding-block-md: 6px;
+    --origam-field__input---padding-block-lg: 10px;
+    --origam-field__input---padding-block-xl: 14px;
+    --origam-field__input---padding-block-solo: 20px;
+    --origam-field__input---padding-block-filled: 20px;
+    --origam-field__input---padding-top: var(--origam-field__input---padding-block-md);
+    --origam-field__input---padding-bottom: var(--origam-field__input---padding-block-md);
+    --origam-field__input---padding-start: 0px;
+    --origam-field__input---padding-end: 0px;
+    --origam-field__input---opacity: 0.7;
+    --origam-field__label---font-size: 0.75em;
+    --origam-field__label---transition-duration: var(--origam-motion__duration---normal);
+    --origam-field__label---transition-easing: var(--origam-motion__easing---standard);
+    --origam-field__prefix---opacity: var(--origam-opacity---0);
+    --origam-field__prefix---opacity-active: var(--origam-opacity---100);
+    --origam-field__suffix---opacity: var(--origam-opacity---0);
+    --origam-field__suffix---opacity-active: var(--origam-opacity---100);
+    --origam-field---prepend-inner-icon-opacity: 0.7;
+    --origam-field---prepend-inner-icon-opacity-focused: var(--origam-opacity---100);
+    --origam-field---append-inner-icon-opacity: 0.7;
+    --origam-field---append-inner-icon-opacity-focused: var(--origam-opacity---100);
+    --origam-field__clearable---opacity: var(--origam-opacity---0);
+    --origam-field__clearable---opacity-visible: var(--origam-opacity---100);
+    --origam-field__clearable---margin-inline: 4px;
+    --origam-field__clearable---transition-duration: 150ms;
+    --origam-field__clearable---transition-easing: var(--origam-motion__easing---standard);
+    --origam-field__outline---border-color: var(--origam-color__border---default);
+    --origam-field__outline---border-style: solid;
+    --origam-field__outline---border-opacity: 0.38;
+    --origam-field__outline---border-opacity-hover: var(--origam-opacity---100);
+    --origam-field__outline---transition-duration: 250ms;
+    --origam-field__outline---transition-easing: var(--origam-motion__easing---standard);
+    --origam-field__loader---height: 4px;
+    --origam-form__actions---margin-top: var(--origam-space---4);
+    --origam-form__actions---gap: var(--origam-space---2);
+    --origam-form__actions---display: flex;
+    --origam-form__details---font-size: var(--origam-font__size---sm);
+    --origam-form__details---font-weight: var(--origam-font__weight---regular);
+    --origam-form__details---letter-spacing: 0.0333em;
+    --origam-form__details---line-height: 1;
+    --origam-form__details---min-height: 22px;
+    --origam-form__details---padding-top: 6px;
+    --origam-form__details---icon-opacity: 0.7;
+    --origam-form--error---messages-color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-form--error---icon-color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-form--error---icon-opacity: var(--origam-opacity---100);
+    --origam-label---color: var(--origam-color__text---secondary);
+    --origam-label---font-size: var(--origam-font__size---md);
+    --origam-label---font-weight: var(--origam-font__weight---regular);
+    --origam-label---line-height: var(--origam-font__lineHeight---normal);
+    --origam-label---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-label---pointer-events: none;
+    --origam-label---transition-duration: var(--origam-motion__duration---normal);
+    --origam-label---transition-easing: var(--origam-motion__easing---standard);
+    --origam-label__floating---font-size: 0.75em;
+    --origam-label__floating---visibility: hidden;
+    --origam-label---required-indicator-color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-messages---color: currentColor;
+    --origam-messages---font-size: 12px;
+    --origam-messages---min-height: 14px;
+    --origam-messages---min-width: 1px;
+    --origam-messages---opacity: var(--origam-opacity---87);
+    --origam-messages---padding: var(--origam-space---0);
+    --origam-messages---flex: 1 1 auto;
+    --origam-messages---position: relative;
+    --origam-messages---density: var(--origam-space---0);
+    --origam-messages__message---line-height: 1;
+    --origam-messages__message---word-break: break-word;
+    --origam-messages__message---overflow-wrap: break-word;
+    --origam-messages__message---transition-duration: var(--origam-motion__duration---normal);
+    --origam-number-field__control---background-color: rgba(0, 0, 0, 0);
+    --origam-number-field__control---border-radius: var(--origam-radius---none);
+    --origam-number-field__control---cursor: pointer;
+    --origam-number-field--compact---gap: var(--origam-space---2);
+    --origam-number-field--compact__input---width: 3em;
+    --origam-otp-input-field---background-color: var(--origam-color__surface---default);
+    --origam-otp-input-field---color: var(--origam-color__text---primary);
+    --origam-otp-input-field---border-radius: var(--origam-radius---sm);
+    --origam-otp-input-field---padding-block: var(--origam-space---2);
+    --origam-otp-input-field---font-size: var(--origam-font__size---2xl);
+    --origam-otp-input-field---gap: var(--origam-space---2);
+    --origam-otp-input-field---transition-duration: var(--origam-motion__duration---medium);
+    --origam-otp-input-field---transition-easing: var(--origam-motion__easing---standard);
+    --origam-otp-input-field__content---height: var(--origam-space---16);
+    --origam-otp-input-field__content---max-width: 320px;
+    --origam-otp-input-field__content---max-width-divided: 360px;
+    --origam-otp-input-field__content---padding: var(--origam-space---2);
+    --origam-otp-input-field__divider---margin-inline: var(--origam-space---2);
+    --origam-otp-input-field__cell---width: 100%;
+    --origam-otp-input-field__cell---height: 100%;
+    --origam-otp-input-field__cell---color: inherit;
+    --origam-otp-input-field__cell---border-color: var(--origam-color__border---default);
+    --origam-otp-input-field__cell---border-color-filled: var(--origam-color__border---strong);
+    --origam-otp-input-field__cell---border-color-focused: var(--origam-color__border---focus);
+    --origam-otp-input-field__cell---border-color-error: var(--origam-color__feedback--danger---border);
+    --origam-otp-input-field__cell---background: rgba(0, 0, 0, 0);
+    --origam-otp-input-field__cell---font-size: var(--origam-font__size---2xl);
+    --origam-otp-input-field__cell---text-align: center;
+    --origam-otp-input-field__cell---outline: none;
+    --origam-selection-control---color: var(--origam-color__text---primary);
+    --origam-selection-control---color-disabled: var(--origam-color__text---disabled);
+    --origam-selection-control---color-error: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-selection-control---opacity-disabled: var(--origam-opacity---50);
+    --origam-selection-control---density: 0px;
+    --origam-selection-control---transition-duration: var(--origam-motion__duration---medium);
+    --origam-selection-control---transition-easing: var(--origam-motion__easing---standard);
+    --origam-selection-control__wrapper---width: 40px;
+    --origam-selection-control__wrapper---height: 40px;
+    --origam-selection-control__input---border-radius: var(--origam-radius---full);
+    --origam-selection-control__input---overlay-opacity-hover: var(--origam-opacity---12);
+    --origam-selection-control__input---overlay-opacity-focus: var(--origam-opacity---12);
+    --origam-selection-control__input---overlay-background-color: currentColor;
+    --origam-selection-control__input---backdrop-filter: none;
+    --origam-selection-control__icon---opacity: var(--origam-opacity---26);
+    --origam-selection-control__icon---opacity-active: var(--origam-opacity---100);
+    --origam-selection-control__label---color: var(--origam-color__text---primary);
+    --origam-selection-control__label---color-error: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-selection-control__label---opacity-disabled: var(--origam-opacity---100);
+    --origam-selection-control-group---display: flex;
+    --origam-selection-control-group---flex-direction: column;
+    --origam-selection-control-group---flex-direction-inline: row;
+    --origam-selection-control-group---flex-wrap: wrap;
+    --origam-selection-control-group---gap: var(--origam-space---2);
+    --origam-selection-control-group---padding-block: var(--origam-space---0);
+    --origam-selection-control-group---padding-inline: var(--origam-space---0);
+    --origam-file-field---gap: var(--origam-space---2);
+    --origam-file-field---list-gap: var(--origam-space---2);
+    --origam-file-field---field-gap: var(--origam-space---2);
+    --origam-file-field---details-padding-inline: var(--origam-space---4);
+    --origam-file-field---transition-duration: var(--origam-motion__duration---medium);
+    --origam-file-field---transition-easing: var(--origam-motion__easing---standard);
+    --origam-file-field__dropzone---background-color: rgba(0, 0, 0, 0);
+    --origam-file-field__dropzone---color: var(--origam-color__border---default);
+    --origam-file-field__dropzone---color-hover: var(--origam-color__border---strong);
+    --origam-file-field__dropzone---border-width: 2px;
+    --origam-file-field__dropzone---border-style: dashed;
+    --origam-file-field__dropzone---border-radius: var(--origam-radius---md);
+    --origam-file-field__dropzone---min-height: 140px;
+    --origam-file-field__dropzone---padding: var(--origam-space---6);
+    --origam-file-field__dropzone---gap: var(--origam-space---2);
+    --origam-file-field__dropzone---cursor: pointer;
+    --origam-file-field__dropzone---cursor-disabled: not-allowed;
+    --origam-file-field__dropzone---opacity-disabled: var(--origam-opacity---60);
+    --origam-file-field__dropzone---icon-font-size: 40px;
+    --origam-file-field__dropzone---icon-opacity: 0.7;
+    --origam-file-field__dropzone---title-font-size: var(--origam-font__size---md);
+    --origam-file-field__dropzone---title-font-weight: var(--origam-font__weight---medium);
+    --origam-file-field__dropzone---subtitle-font-size: var(--origam-font__size---sm);
+    --origam-file-field__dropzone---subtitle-opacity: 0.6;
+    --origam-file-field__dropzone--has-file---padding: var(--origam-space---3);
+    --origam-file-field__dropzone--has-file---padding-inline: var(--origam-space---3);
+    --origam-file-field__dropzone--has-file---gap: var(--origam-space---3);
+    --origam-file-field__dropzone--dragging---background-color: var(--origam-color__feedback--info---bgSubtle);
+    --origam-file-field__dropzone--dragging---border-color: var(--origam-color__feedback--info---bg);
+    --origam-file-field__dropzone--error---border-color: var(--origam-color__feedback--danger---bg);
+    --origam-file-field__dropzone--error---fg: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-file-field__dropzone---border-color: var(--origam-color__border---default);
+    --origam-file-field__dropzone---border-color-dragging: var(--origam-color__action--primary---bg);
+    --origam-file-field__dropzone---border-color-error: var(--origam-color__feedback--danger---bg);
+    --origam-file-field__dropzone---bg-dragging: var(--origam-color__surface---sunken);
+    --origam-file-field__dropzone---padding-block: var(--origam-space---6);
+    --origam-file-field__dropzone---gap-deck: var(--origam-space---2);
+    --origam-file-field-dragndrop-item---gap: var(--origam-space---3);
+    --origam-file-field-dragndrop-item---content-gap: var(--origam-space---1);
+    --origam-file-field-dragndrop-item---actions-gap: var(--origam-space---1);
+    --origam-file-field-dragndrop-item__icon---color: var(--origam-color__text---secondary);
+    --origam-file-field-dragndrop-item__meta---color: var(--origam-color__text---secondary);
+    --origam-file-field-dragndrop-item__meta---font-size: var(--origam-font__size---sm);
+    --origam-file-field-dragndrop-item__name---font-size: var(--origam-font__size---md);
+    --origam-file-field-dragndrop-item__name---font-weight: var(--origam-font__weight---medium);
+    --origam-file-field-dragndrop-item__progress---margin-top: var(--origam-space---1);
+    --origam-file-field-dragndrop-item__remove---size: small;
+    --origam-file-field-list-item---background-color: var(--origam-color__surface---overlay);
+    --origam-file-field-list-item---border-color: var(--origam-color__border---subtle);
+    --origam-file-field-list-item---border-width: 1px;
+    --origam-file-field-list-item---border-style: solid;
+    --origam-file-field-list-item---border-radius: var(--origam-radius---sm);
+    --origam-file-field-list-item---gap: var(--origam-space---3);
+    --origam-file-field-list-item---padding-block: var(--origam-space---2);
+    --origam-file-field-list-item---padding-inline: var(--origam-space---3);
+    --origam-file-field-list-item---content-gap: var(--origam-space---1);
+    --origam-file-field-list-item---actions-gap: var(--origam-space---1);
+    --origam-file-field-list-item__icon---color: var(--origam-color__text---secondary);
+    --origam-file-field-list-item__name---font-size: var(--origam-font__size---md);
+    --origam-file-field-list-item__name---font-weight: var(--origam-font__weight---medium);
+    --origam-file-field-list-item__meta---color: var(--origam-color__text---secondary);
+    --origam-file-field-list-item__meta---font-size: var(--origam-font__size---sm);
+    --origam-file-field-list-item__progress---margin-top: var(--origam-space---1);
+    --origam-file-field-list-item__remove---size: small;
+    --origam-password-field__input---transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
+    --origam-password-field__toggle-icon---cursor: pointer;
+    --origam-password-field__toggle-icon---opacity: 1;
+    --origam-password-field__item---padding: var(--origam-space---2);
+    --origam-password-field__item---text-align: center;
+    --origam-password-field__item---position: relative;
+    --origam-password-field__item---overflow: visible;
+    --origam-password-field__item--valid---icon-opacity: 1;
+    --origam-password-field__item-icon---opacity: 0.2;
+    --origam-password-field__icon---font-size: 45px;
+    --origam-password-field__icon---font-weight: var(--origam-font__weight---bold);
+    --origam-password-field__details---padding-inline: var(--origam-space---4);
+    --origam-password-field__infos---padding: var(--origam-space---0);
+    --origam-password-field__infos---padding-inline: var(--origam-space---3);
+    --origam-password-field__validate---position: absolute;
+    --origam-password-field__validate---top: var(--origam-space---0);
+    --origam-password-field__validate---right: var(--origam-space---0);
+    --origam-password-field__validate---transform: translate(50%, -50%);
+    --origam-password-field__strength---height: var(--origam-space---1);
+    --origam-password-field__strength---gap: var(--origam-space---1);
+    --origam-password-field__strength---margin-block-start: var(--origam-space---2);
+    --origam-password-field__strength---border-radius: var(--origam-radius---full);
+    --origam-password-field__strength---bg-empty: var(--origam-color__surface---sunken);
+    --origam-password-field__strength---bg-weak: var(--origam-color__feedback--danger---bg);
+    --origam-password-field__strength---bg-fair: var(--origam-color__feedback--warning---bg);
+    --origam-password-field__strength---bg-good: var(--origam-color__feedback--info---bg);
+    --origam-password-field__strength---bg-strong: var(--origam-color__feedback--success---bg);
+    --origam-password-field__requirements---font-size: var(--origam-font__size---sm);
+    --origam-password-field__requirements---gap: var(--origam-space---1);
+    --origam-password-field__requirements---margin-block-start: var(--origam-space---2);
+    --origam-password-field__requirements---icon-size: var(--origam-font__size---md);
+    --origam-password-field__requirements---color-pending: var(--origam-color__text---secondary);
+    --origam-password-field__requirements---color-satisfied: var(--origam-color__feedback--success---bg);
+    --origam-input---padding-top: 16px;
+    --origam-input---font-size: var(--origam-font__size---md);
+    --origam-input---font-weight: var(--origam-font__weight---regular);
+    --origam-input---line-height: 1.5;
+    --origam-input---icon-opacity: var(--origam-opacity---70);
+    --origam-input---icon-opacity-active: var(--origam-opacity---100);
+    --origam-input---disabled-opacity: var(--origam-opacity---50);
+    --origam-input---error-color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-input__control---height-sm: 28px;
+    --origam-input__control---height-md: 36px;
+    --origam-input__control---height-lg: 44px;
+    --origam-input__control---height-xl: 52px;
+    --origam-input__control---height: var(--origam-input__control---height-md);
+    --origam-input__details---font-size: var(--origam-font__size---sm);
+    --origam-input__details---font-weight: var(--origam-font__weight---regular);
+    --origam-input__details---letter-spacing: 0.0333em;
+    --origam-input__details---line-height: 1;
+    --origam-input__details---min-height: 22px;
+    --origam-input__details---padding-top: 6px;
+    --origam-input__prepend---padding-top: var(--origam-space---2);
+    --origam-input__prepend---margin-inline-end: 16px;
+    --origam-input__prepend---margin-block-start: 16px;
+    --origam-input__append---padding-top: var(--origam-space---2);
+    --origam-input__append---margin-inline-start: 16px;
+    --origam-input__append---margin-block-end: 16px;
+    --origam-input---density-default-density: 0px;
+    --origam-input---density-compact-density: -8px;
+    --origam-input---density-comfortable-density: var(--origam-space---2);
+    --origam-inline-edit---transition-duration: var(--origam-motion__duration---medium);
+    --origam-inline-edit--editing---background-color: var(--origam-color__surface---raised);
+    --origam-inline-edit--has-error---outline-color: var(--origam-color__feedback--danger---border);
+    --origam-inline-edit__display---padding-block: var(--origam-space---1);
+    --origam-inline-edit__display---padding-inline: var(--origam-space---2);
+    --origam-inline-edit__display---border-radius: var(--origam-radius---sm);
+    --origam-inline-edit__display---min-height: var(--origam-space---6);
+    --origam-inline-edit__display---hover-bg-color: var(--origam-color__surface---raised);
+    --origam-inline-edit__display---color-empty: var(--origam-color__text---disabled);
+    --origam-inline-edit__error---color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-inline-edit__error---background-color: var(--origam-color__feedback--danger---bgSubtle);
+    --origam-inline-edit__error---font-size: var(--origam-font__size---xs);
+    --origam-inline-edit__error---font-weight: var(--origam-font__weight---medium);
+    --origam-inline-edit__error---padding-block: var(--origam-space---1);
+    --origam-inline-edit__error---padding-inline: var(--origam-space---2);
+    --origam-inline-edit__error---border-radius: var(--origam-radius---sm);
+    --origam-inline-edit__actions---gap: var(--origam-space---1);
+    --origam-inline-edit__action-btn---size: 28px;
+    --origam-inline-edit__action-btn---border-radius: var(--origam-radius---sm);
+    --origam-inline-edit__action-btn---font-size: var(--origam-font__size---md);
+    --origam-inline-edit__input---min-width: 180px;
+    --origam-text-field__details---padding-inline: 16px;
+    --origam-text-field__input---opacity: var(--origam-opacity---0);
+    --origam-text-field__input---opacity-active: var(--origam-opacity---100);
+    --origam-text-field__input---transition-duration: 0.15s;
+    --origam-text-field__input---transition-easing: var(--origam-motion__easing---standard);
+    --origam-textarea-field__textarea---opacity: var(--origam-opacity---0);
+    --origam-textarea-field__textarea---opacity-active: var(--origam-opacity---100);
+    --origam-textarea-field__textarea---transition-duration: 0.15s;
+    --origam-textarea-field__textarea---transition-easing: var(--origam-motion__easing---standard);
+    --origam-textarea-field__textarea---line-height: 1;
+    --origam-textarea-field__grip---border-color: var(--origam-color__border---subtle);
+    --origam-textarea-field__grip---opacity: var(--origam-opacity---26);
+    --origam-textarea-field__grip---height: 9px;
+    --origam-textarea-field__rich-toolbar---bg-color: var(--origam-color__surface---sunken);
+    --origam-textarea-field__rich-toolbar---border-color: var(--origam-color__border---subtle);
+    --origam-textarea-field__rich-toolbar---border-radius: var(--origam-radius---md);
+    --origam-textarea-field__rich-toolbar---padding: var(--origam-space---2);
+    --origam-textarea-field__rich-toolbar---gap: var(--origam-space---1);
+    --origam-textarea-field__rich-toolbar-btn---size: 32px;
+    --origam-textarea-field__rich-toolbar-btn---padding: var(--origam-space---1);
+    --origam-textarea-field__rich-toolbar-btn---border-radius: var(--origam-radius---sm);
+    --origam-textarea-field__rich-toolbar-btn---bg-color: rgba(0, 0, 0, 0);
+    --origam-textarea-field__rich-toolbar-btn---color: var(--origam-color__text---primary);
+    --origam-textarea-field__rich-toolbar-btn-hover---bg-color: var(--origam-color__action--ghost---bgHover);
+    --origam-textarea-field__rich-toolbar-btn-hover---color: var(--origam-color__text---primary);
+    --origam-textarea-field__rich-toolbar-btn-active---bg-color: var(--origam-color__action--primary---bg);
+    --origam-textarea-field__rich-toolbar-btn-active---color: var(--origam-color__action--primary---fg);
+    --origam-textarea-field__rich-toolbar-btn-focus---outline-color: var(--origam-color__action--primary---bg);
+    --origam-textarea-field__rich-content---padding: var(--origam-space---3);
+    --origam-textarea-field__rich-content---min-height: 120px;
+    --origam-textarea-field__rich-content---line-height: 1.5;
+    --origam-textarea-field__rich-content---paragraph-gap: var(--origam-space---3);
+    --origam-textarea-field__rich-content---placeholder-color: var(--origam-color__text---secondary);
+    --origam-textarea-field__rich-code-inline---bg-color: var(--origam-color__surface---sunken);
+    --origam-textarea-field__rich-code-inline---color: var(--origam-color__text---primary);
+    --origam-textarea-field__rich-link---color: var(--origam-color__action--primary---bg);
+    --origam-textarea-field__rich-link---text-decoration: underline;
+    --origam-textarea-field__rich-list---padding-inline-start: var(--origam-space---6);
+    --origam-textarea-field__rich-heading---font-size-h1: 1.75rem;
+    --origam-textarea-field__rich-heading---font-size-h2: 1.35rem;
+    --origam-textarea-field__rich-heading---font-size-h3: 1.1rem;
+    --origam-overlay---display: flex;
+    --origam-overlay---position: fixed;
+    --origam-overlay---border-radius: inherit;
+    --origam-overlay---pointer-events: none;
+    --origam-overlay---z-index: var(--origam-zIndex---overlay);
+    --origam-overlay---transition-duration: var(--origam-motion__duration---medium);
+    --origam-overlay---transition-easing: var(--origam-motion__easing---standard);
+    --origam-overlay__scrim---background-color: var(--origam-color__overlay---scrim);
+    --origam-overlay__scrim---opacity: var(--origam-opacity---32);
+    --origam-overlay__scrim---pointer-events: auto;
+    --origam-overlay__scrim---border-radius: inherit;
+    --origam-overlay__scrim---position: fixed;
+    --origam-overlay__scrim---position-top: var(--origam-space---0);
+    --origam-overlay__scrim---position-bottom: var(--origam-space---0);
+    --origam-overlay__scrim---position-left: var(--origam-space---0);
+    --origam-overlay__scrim---position-right: var(--origam-space---0);
+    --origam-overlay__content---outline: none;
+    --origam-overlay__content---position: absolute;
+    --origam-overlay__content---pointer-events: auto;
+    --origam-overlay__content---contain: layout;
+    --origam-overlay__absolute---position: absolute;
+    --origam-overlay__contained---scrim-position: absolute;
+    --origam-overlay-scrim---background-color: var(--origam-color__overlay---scrim);
+    --origam-overlay-scrim---backdrop-filter: none;
+    --origam-overlay-scrim---opacity: var(--origam-opacity---32);
+    --origam-overlay-scrim---pointer-events: auto;
+    --origam-overlay-scrim---border-radius: inherit;
+    --origam-overlay-scrim---position: fixed;
+    --origam-overlay-scrim---transition-property: opacity;
+    --origam-overlay-scrim---transition-duration: var(--origam-motion__duration---medium);
+    --origam-overlay-scrim---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-loader---height: 100%;
+    --origam-loader__progress---margin: auto;
+    --origam-loader__fullscreen---position: fixed;
+    --origam-loader__fullscreen---top: var(--origam-space---0);
+    --origam-loader__fullscreen---left: var(--origam-space---0);
+    --origam-loader__fullscreen---height: 100vh;
+    --origam-loader__fullscreen---width: 100vw;
+    --origam-progress---display: block;
+    --origam-progress---width: 100%;
+    --origam-progress__content---align-items: center;
+    --origam-progress__content---display: flex;
+    --origam-progress__content---height: 100%;
+    --origam-progress__content---justify-content: center;
+    --origam-progress__content---position: absolute;
+    --origam-progress__content---pointer-events: none;
+    --origam-progress__content---left: var(--origam-space---0);
+    --origam-progress__content---top: var(--origam-space---0);
+    --origam-progress__content---width: 100%;
+    --origam-progress-circular---display: inline-flex;
+    --origam-progress-circular---align-items: center;
+    --origam-progress-circular---justify-content: center;
+    --origam-progress-circular---position: relative;
+    --origam-progress-circular---vertical-align: middle;
+    --origam-progress-circular---size-xs: 16px;
+    --origam-progress-circular---size-sm: 24px;
+    --origam-progress-circular---size-md: 32px;
+    --origam-progress-circular---size-lg: 48px;
+    --origam-progress-circular---size-xl: 64px;
+    --origam-progress-circular---transition-duration: var(--origam-motion__duration---medium);
+    --origam-progress-circular---transition-easing: var(--origam-motion__easing---standard);
+    --origam-progress-circular---indeterminate-duration: 1400ms;
+    --origam-progress-circular__svg---width: 100%;
+    --origam-progress-circular__svg---height: 100%;
+    --origam-progress-circular__svg---position: absolute;
+    --origam-progress-circular__svg---z-index: 0;
+    --origam-progress-circular__underlay---color: var(--origam-color__surface---disabled);
+    --origam-progress-circular__underlay---opacity: var(--origam-opacity---50);
+    --origam-progress-circular__underlay---z-index: 1;
+    --origam-progress-circular__overlay---color: var(--origam-color__action--primary---bg);
+    --origam-progress-circular__overlay---z-index: 2;
+    --origam-progress-circular__content---align-items: center;
+    --origam-progress-circular__content---display: flex;
+    --origam-progress-circular__content---justify-content: center;
+    --origam-progress-circular--success---color: var(--origam-color__feedback--success---bg);
+    --origam-progress-circular--warning---color: var(--origam-color__feedback--warning---bg);
+    --origam-progress-circular--danger---color: var(--origam-color__feedback--danger---bg);
+    --origam-progress-circular--info---color: var(--origam-color__feedback--info---bg);
+    --origam-progress-linear---overflow: hidden;
+    --origam-progress-linear---position: relative;
+    --origam-progress-linear---width: 100%;
+    --origam-progress-linear---transition-duration: var(--origam-motion__duration---medium);
+    --origam-progress-linear---transition-easing: var(--origam-motion__easing---standard);
+    --origam-progress-linear---indeterminate-duration: 2200ms;
+    --origam-progress-linear---rounded-border-radius: var(--origam-radius---full);
+    --origam-progress-linear__background---color: currentColor;
+    --origam-progress-linear__background---opacity: var(--origam-opacity---50);
+    --origam-progress-linear__loader---color: inherit;
+    --origam-progress-linear__bar---height: 100%;
+    --origam-progress-linear__bar---position: absolute;
+    --origam-progress-linear__bar---left: var(--origam-space---0);
+    --origam-progress-linear__bar---transition-property: width, left, right;
+    --origam-progress-linear__stream---opacity: 0.3;
+    --origam-progress-linear__stream---position: absolute;
+    --origam-progress-linear__stream---pointer-events: none;
+    --origam-progress-linear__absolute---position: absolute;
+    --origam-progress-linear__absolute---left: var(--origam-space---0);
+    --origam-progress-linear__absolute---z-index: 1;
+    --origam-progress-linear__fixed---position: fixed;
+    --origam-progress-linear__fixed---left: var(--origam-space---0);
+    --origam-progress-linear__fixed---z-index: 1;
+    --origam-dialog---background: var(--origam-color__surface---raised);
+    --origam-dialog---color: var(--origam-color__text---primary);
+    --origam-dialog---border-radius: var(--origam-radius---lg);
+    --origam-dialog---max-width: calc(100% - 48px);
+    --origam-dialog---max-height: calc(100% - 48px);
+    --origam-dialog---z-index: var(--origam-zIndex---modal);
+    --origam-dialog---box-shadow: var(--origam-shadow---xl);
+    --origam-dialog---width-xs: 320px;
+    --origam-dialog---width-sm: 400px;
+    --origam-dialog---width-md: 720px;
+    --origam-dialog---width-lg: 960px;
+    --origam-dialog---width-xl: 1080px;
+    --origam-dialog---transition-duration: var(--origam-motion__duration---medium);
+    --origam-dialog---transition-timing-function: var(--origam-motion__easing---decelerate);
+    --origam-dialog__header---padding: var(--origam-space---4);
+    --origam-dialog__header---gap: var(--origam-space---3);
+    --origam-dialog__header---border-bottom-color: var(--origam-color__border---subtle);
+    --origam-dialog__content---padding-block: var(--origam-space---4);
+    --origam-dialog__content---padding-inline: var(--origam-space---6);
+    --origam-dialog__content---font-size: var(--origam-font__size---md);
+    --origam-dialog__actions---padding: var(--origam-space---4);
+    --origam-dialog__actions---gap: var(--origam-space---2);
+    --origam-dialog__actions---justify-content: flex-end;
+    --origam-dialog__close---position: absolute;
+    --origam-dialog__close---color: var(--origam-color__text---secondary);
+    --origam-dialog__fullscreen---border-radius: var(--origam-radius---none);
+    --origam-dialog__fullscreen---max-width: 100%;
+    --origam-dialog__fullscreen---max-height: 100%;
+    --origam-menu---background: var(--origam-color__surface---raised);
+    --origam-menu---color: var(--origam-color__text---primary);
+    --origam-menu---backdrop-filter: none;
+    --origam-menu---border-radius: var(--origam-radius---md);
+    --origam-menu---box-shadow: var(--origam-shadow---lg);
+    --origam-menu---max-height: calc(100vh - 32px);
+    --origam-menu---z-index: var(--origam-zIndex---dropdown);
+    --origam-menu---transition-duration: var(--origam-motion__duration---fast);
+    --origam-menu---transition-timing-function: var(--origam-motion__easing---decelerate);
+    --origam-menu__content---padding: var(--origam-space---1);
+    --origam-menu__content---max-width: 320px;
+    --origam-menu__content---overflow: auto;
+    --origam-menu---offset-top: var(--origam-space---2);
+    --origam-menu---offset-bottom: var(--origam-space---2);
+    --origam-menu---offset-left: var(--origam-space---0);
+    --origam-menu---offset-right: var(--origam-space---0);
+    --origam-tooltip---background-color: var(--origam-color__neutral---800);
+    --origam-tooltip---color: var(--origam-color__text---inverse);
+    --origam-tooltip---backdrop-filter: none;
+    --origam-tooltip---font-size: var(--origam-font__size---sm);
+    --origam-tooltip---font-weight: var(--origam-font__weight---medium);
+    --origam-tooltip---line-height: var(--origam-font__lineHeight---normal);
+    --origam-tooltip---padding-block: var(--origam-space---1);
+    --origam-tooltip---padding-inline: var(--origam-space---2);
+    --origam-tooltip---border-radius: var(--origam-radius---sm);
+    --origam-tooltip---z-index: var(--origam-zIndex---tooltip);
+    --origam-tooltip---max-width: 300px;
+    --origam-tooltip---opacity: var(--origam-opacity---100);
+    --origam-tooltip---transition-duration: var(--origam-motion__duration---fast);
+    --origam-tooltip---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-tooltip__arrow---size: 6px;
+    --origam-tooltip__arrow---position: absolute;
+    --origam-tooltip__top---offset: var(--origam-space---2);
+    --origam-tooltip__bottom---offset: var(--origam-space---2);
+    --origam-tooltip__left---offset: var(--origam-space---2);
+    --origam-tooltip__right---offset: var(--origam-space---2);
+    --origam-pagination---gap: var(--origam-space---1);
+    --origam-pagination---gap-info: var(--origam-space---4);
+    --origam-pagination---padding-block: var(--origam-space---0);
+    --origam-pagination---padding-inline: var(--origam-space---0);
+    --origam-pagination---background-color: rgba(0, 0, 0, 0);
+    --origam-pagination---background-color-hover: var(--origam-color__action--secondary---bgHover);
+    --origam-pagination---color: var(--origam-color__text---primary);
+    --origam-pagination--primary---background-color: var(--origam-color__action--primary---bg);
+    --origam-pagination--primary---background-color-hover: var(--origam-color__action--primary---bgHover);
+    --origam-pagination--primary---color: var(--origam-color__action--primary---fg);
+    --origam-pagination--primary---box-shadow: var(--origam-shadow---xs);
+    --origam-pagination--info---color: var(--origam-color__text---secondary);
+    --origam-pagination--info---font-size: var(--origam-font__size---sm);
+    --origam-pagination--info---font-weight: var(--origam-font__weight---regular);
+    --origam-pagination__item---background-color: rgba(0, 0, 0, 0);
+    --origam-pagination__item---color: var(--origam-color__text---primary);
+    --origam-pagination__item---background-color-hover: var(--origam-color__action--secondary---bgHover);
+    --origam-pagination__item---active-background-color: var(--origam-color__action--primary---bg);
+    --origam-pagination__item---active-color: var(--origam-color__action--primary---fg);
+    --origam-pagination__item---active-overlay-opacity: 0.12;
+    --origam-pagination---prev-next-icon-color: var(--origam-color__text---primary);
+    --origam-pagination---prev-next-icon-opacity-disabled: var(--origam-opacity---26);
+    --origam-pagination__ellipsis---color: var(--origam-color__text---secondary);
+    --origam-pagination__ellipsis---font-weight: var(--origam-font__weight---bold);
+    --origam-pagination---border-radius: var(--origam-radius---sm);
+    --origam-pagination---border-radius-rounded: var(--origam-radius---2xl);
+    --origam-pagination---border-radius-circle: var(--origam-radius---full);
+    --origam-pagination---input-width: var(--origam-space---10);
+    --origam-pagination---input-padding-inline: var(--origam-space---2);
+    --origam-pagination---label-gap: var(--origam-space---2);
+    --origam-table---background-color: var(--origam-color__surface---default);
+    --origam-table---color: var(--origam-color__text---primary);
+    --origam-table---font-size: var(--origam-font__size---md);
+    --origam-table---border-collapse: collapse;
+    --origam-table__header-cell---background-color: var(--origam-color__surface---overlay);
+    --origam-table__header-cell---color: var(--origam-color__text---primary);
+    --origam-table__header-cell---font-weight: var(--origam-font__weight---semibold);
+    --origam-table__header-cell---padding-block: var(--origam-space---3);
+    --origam-table__header-cell---padding-inline: var(--origam-space---4);
+    --origam-table__header-cell---border-bottom-color: var(--origam-color__border---default);
+    --origam-table__header-cell---border-bottom-width: var(--origam-border__width---2);
+    /* #840 — see light.css: derived from the density-aware padding-block
+       token so it can't drift out of sync with it. */
+    --origam-table__header-cell---height: calc((2 * var(--origam-table__header-cell---padding-block, 12px)) + var(--origam-table__header-cell---border-bottom-width, 2px) + 18px);
+    --origam-table__cell---padding-block: var(--origam-space---3);
+    --origam-table__cell---padding-inline: var(--origam-space---4);
+    --origam-table__cell---border-color: var(--origam-color__border---subtle);
+    --origam-table__cell---border-width: var(--origam-border__width---thin);
+    --origam-table__row---hover-background-color: var(--origam-color__surface---sunken);
+    --origam-virtual-scroll---item-height: 48px;
+    --origam-virtual-scroll---scroll-padding: var(--origam-space---0);
+    --origam-virtual-scroll---transition-duration: var(--origam-motion__duration---fast);
+    --origam-virtual-scroll---transition-easing: var(--origam-motion__easing---standard);
+    --origam-infinite-scroll__loader---color: var(--origam-color__action--primary---bg);
+    --origam-infinite-scroll__loader---gap: var(--origam-space---3);
+    --origam-infinite-scroll__loader---padding-block: var(--origam-space---3);
+    --origam-infinite-scroll__loader---padding-inline: var(--origam-space---0);
+    --origam-infinite-scroll__loader---font-size: var(--origam-font__size---md);
+    --origam-infinite-scroll__empty---color: var(--origam-color__text---secondary);
+    --origam-infinite-scroll__empty---padding-block: var(--origam-space---3);
+    --origam-breadcrumb---gap: var(--origam-space---0);
+    --origam-breadcrumb---padding-block: var(--origam-space---2);
+    --origam-breadcrumb---padding-inline: var(--origam-space---2);
+    --origam-breadcrumb---font-size: var(--origam-font__size---md);
+    --origam-breadcrumb---background: rgba(0, 0, 0, 0);
+    --origam-breadcrumb---color: var(--origam-color__text---primary);
+    --origam-breadcrumb---border-color: currentColor;
+    --origam-breadcrumb---border-style: solid;
+    --origam-breadcrumb---border-radius: var(--origam-radius---none);
+    --origam-breadcrumb---border-radius-rounded: var(--origam-radius---2xl);
+    --origam-breadcrumb---box-shadow: var(--origam-shadow---none);
+    --origam-breadcrumb---box-shadow-elevated: var(--origam-shadow---md);
+    --origam-breadcrumb---transition-duration-transform: var(--origam-motion__duration---medium);
+    --origam-breadcrumb---transition-duration-color: var(--origam-motion__duration---fast);
+    --origam-breadcrumb---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-breadcrumb---home-icon-color: var(--origam-color__action--primary---bg);
+    --origam-breadcrumb-item---color: var(--origam-color__text---primary);
+    --origam-breadcrumb-item---hover-color: var(--origam-color__action--primary---bg);
+    --origam-breadcrumb-item---active-color: var(--origam-color__text---secondary);
+    --origam-breadcrumb-item---opacity: var(--origam-opacity---100);
+    --origam-breadcrumb-item---opacity-disabled: var(--origam-opacity---50);
+    --origam-breadcrumb-item---text-decoration: none;
+    --origam-breadcrumb-item---background: rgba(0, 0, 0, 0);
+    --origam-breadcrumb-item---box-shadow: var(--origam-shadow---none);
+    --origam-breadcrumb-item---border-color: currentColor;
+    --origam-breadcrumb-item---border-style: solid;
+    --origam-breadcrumb-item---border-radius: var(--origam-radius---none);
+    --origam-breadcrumb-item---transition-duration-transform: var(--origam-motion__duration---medium);
+    --origam-breadcrumb-item---transition-duration-color: var(--origam-motion__duration---fast);
+    --origam-breadcrumb-item---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-breadcrumb-divider---color: var(--origam-color__text---secondary);
+    --origam-breadcrumb-divider---font-size: var(--origam-font__size---md);
+    --origam-breadcrumb-divider---character: /;
+    --origam-breadcrumb-divider---padding-inline: var(--origam-space---2);
+    --origam-breadcrumb-divider---opacity: var(--origam-opacity---100);
+    --origam-breadcrumb-divider---background: rgba(0, 0, 0, 0);
+    --origam-breadcrumb-divider---box-shadow: var(--origam-shadow---none);
+    --origam-breadcrumb-divider---border-color: currentColor;
+    --origam-breadcrumb-divider---border-style: solid;
+    --origam-breadcrumb-divider---border-radius: var(--origam-radius---none);
+    --origam-breadcrumb-divider---transition-duration-transform: var(--origam-motion__duration---medium);
+    --origam-breadcrumb-divider---transition-duration-color: var(--origam-motion__duration---fast);
+    --origam-breadcrumb-divider---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-data-table---background-color: var(--origam-color__surface---default);
+    --origam-data-table---color: var(--origam-color__text---primary);
+    --origam-data-table---width: 100%;
+    --origam-data-table---border-collapse: separate;
+    --origam-data-table---border-spacing: 0;
+    --origam-data-table__loading---opacity: var(--origam-opacity---50);
+    --origam-data-table__header---background-color: var(--origam-color__surface---raised);
+    --origam-data-table__header---color: var(--origam-color__text---primary);
+    --origam-data-table__header---sort-icon-color: var(--origam-color__text---primary);
+    --origam-data-table__header---sort-icon-color-active: var(--origam-color__text---primary);
+    --origam-data-table__header---sort-icon-opacity: var(--origam-opacity---0);
+    --origam-data-table__header---sort-icon-opacity-hover: var(--origam-opacity---50);
+    --origam-data-table__header---sort-icon-opacity-active: var(--origam-opacity---100);
+    --origam-data-table__header---sort-badge-background-color: var(--origam-color__border---default);
+    --origam-data-table__header---sort-badge-color: var(--origam-color__text---primary);
+    --origam-data-table__header---sort-badge-font-size: 0.875rem;
+    --origam-data-table__header---sort-badge-padding: var(--origam-space---1);
+    --origam-data-table__header---sort-badge-border-radius: var(--origam-radius---full);
+    --origam-data-table__header---sort-badge-min-width: 20px;
+    --origam-data-table__header---sort-badge-min-height: 20px;
+    --origam-data-table__header---sort-badge-width: 20px;
+    --origam-data-table__header---sort-badge-height: 20px;
+    --origam-data-table__row---background-color: var(--origam-color__surface---default);
+    --origam-data-table__row---color: var(--origam-color__text---primary);
+    --origam-data-table__row---hover-background-color: var(--origam-color__surface---overlay);
+    --origam-data-table__row---transition-duration: var(--origam-motion__duration---fast);
+    --origam-data-table__row---transition-easing: var(--origam-motion__easing---standard);
+    --origam-data-table__row---column-title-font-weight: var(--origam-font__weight---medium);
+    --origam-data-table__row---mobile-column-min-height: 52px;
+    --origam-data-table__cell---fixed-background-color: var(--origam-color__surface---raised);
+    --origam-data-table__cell---fixed-z-index: 1;
+    --origam-data-table__cell---last-fixed-border-right-color: var(--origam-color__border---subtle);
+    --origam-data-table__cell---last-fixed-border-right-width: var(--origam-border__width---thin);
+    --origam-data-table__cell---last-fixed-border-right-style: solid;
+    --origam-data-table__footer---background-color: var(--origam-color__surface---default);
+    --origam-data-table__footer---color: var(--origam-color__text---primary);
+    --origam-data-table__footer---padding-block: var(--origam-space---2);
+    --origam-data-table__footer---padding-inline: var(--origam-space---1);
+    --origam-data-table__footer---align-items: center;
+    --origam-data-table__footer---display: flex;
+    --origam-data-table__footer---flex-wrap: wrap;
+    --origam-data-table__footer---justify-content: flex-end;
+    --origam-data-table__footer---items-per-page-gap: var(--origam-space---2);
+    --origam-data-table__footer---items-per-page-padding-inline-end: var(--origam-space---2);
+    --origam-data-table__footer--info---min-width: 116px;
+    --origam-data-table__footer--info---padding-inline: var(--origam-space---4);
+    --origam-data-table__footer--info---justify-content: flex-end;
+    --origam-data-table__footer---pagination-margin-inline-start: var(--origam-space---4);
+    --origam-data-table---group-header-row-background-color: var(--origam-color__surface---overlay);
+    --origam-data-table---group-header-row-color: var(--origam-color__text---primary);
+    --origam-data-table---group-header-row-font-weight: var(--origam-font__weight---medium);
+    --origam-data-table---group-header-row-column-padding-inline-start-factor: var(--origam-space---4);
+    --origam-data-table__empty---color: var(--origam-color__text---secondary);
+    --origam-data-table__empty---text-align: center;
+    --origam-data-table---loading-row-color: var(--origam-color__text---secondary);
+    --origam-data-table__sortable---cursor: pointer;
+    --origam-data-table__sortable---icon-color: var(--origam-color__text---primary);
+    --origam-data-table__sortable---icon-color-active: var(--origam-color__text---primary);
+    --origam-list---background: var(--origam-color__surface---default);
+    --origam-list---color: var(--origam-color__text---primary);
+    --origam-list---box-shadow: var(--origam-shadow---none);
+    --origam-list---border-radius: 0px;
+    --origam-list---border-color: var(--origam-color__text---primary);
+    --origam-list---border-style: solid;
+    --origam-list---padding-block-start: var(--origam-space---2);
+    --origam-list---padding-block-end: var(--origam-space---2);
+    --origam-list---padding-inline-start: var(--origam-space---0);
+    --origam-list---padding-inline-end: var(--origam-space---0);
+    --origam-list---overflow: auto;
+    --origam-list---position: relative;
+    --origam-list---outline: none;
+    --origam-list---pointer-events: auto;
+    --origam-list---user-select: auto;
+    --origam-list---indent-padding: 0px;
+    --origam-list---density: 0px;
+    --origam-list---indent-padding-nav: -8px;
+    --origam-list---slim-prepend-width: 28px;
+    --origam-list__overlay---background-color: var(--origam-color__overlay---scrim);
+    --origam-list__overlay---border-radius: inherit;
+    --origam-list__overlay---opacity: var(--origam-opacity---0);
+    --origam-list__overlay---pointer-events: none;
+    --origam-list__overlay---position: absolute;
+    --origam-list__overlay---position-bottom: var(--origam-space---0);
+    --origam-list__overlay---position-left: var(--origam-space---0);
+    --origam-list__overlay---position-right: var(--origam-space---0);
+    --origam-list__overlay---position-top: var(--origam-space---0);
+    --origam-list__overlay---transition-property: opacity;
+    --origam-list__overlay---transition-duration: var(--origam-motion__duration---medium);
+    --origam-list__overlay---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-list-item---align-items: center;
+    --origam-list-item---display: grid;
+    --origam-list-item---flex: none;
+    --origam-list-item---grid-template-areas: "prepend content append";
+    --origam-list-item---grid-template-columns: max-content 1fr auto;
+    --origam-list-item---max-width: 100%;
+    --origam-list__item---min-height: 56px;
+    --origam-list-item---text-decoration: none;
+    --origam-list-item---border-color: var(--origam-color__text---primary);
+    --origam-list-item---border-style: solid;
+    --origam-list-item---padding-block-start: var(--origam-space---2);
+    --origam-list-item---padding-block-end: var(--origam-space---2);
+    --origam-list-item---padding-inline-start: var(--origam-space---4);
+    --origam-list-item---padding-inline-end: var(--origam-space---4);
+    --origam-list-item--slim---padding-inline-start: var(--origam-space---2);
+    --origam-list-item--slim---padding-inline-end: var(--origam-space---2);
+    --origam-list-item---height-sm: 28px;
+    --origam-list-item---height-md: 36px;
+    --origam-list-item---height-lg: 44px;
+    --origam-list-item---height-xl: 52px;
+    --origam-list-item---padding-block-sm: 2px;
+    --origam-list-item---padding-block-md: 6px;
+    --origam-list-item---padding-block-lg: 10px;
+    --origam-list-item---padding-block-xl: 14px;
+    --origam-list-item---margin-block-start: var(--origam-space---0);
+    --origam-list-item---margin-block-end: var(--origam-space---0);
+    --origam-list-item---margin-inline-start: var(--origam-space---0);
+    --origam-list-item---margin-inline-end: var(--origam-space---0);
+    --origam-list-item---position: relative;
+    --origam-list-item---outline: none;
+    --origam-list-item---pointer-events: none;
+    --origam-list-item---user-select: none;
+    --origam-list-item---opacity: var(--origam-opacity---60);
+    --origam-list-item---cursor: pointer;
+    --origam-list__item---overlay-opacity: var(--origam-opacity---0);
+    --origam-list__item---overlay-background-color: currentColor;
+    --origam-list-item__overlay---border-radius: inherit;
+    --origam-list-item__overlay---pointer-events: none;
+    --origam-list-item__overlay---position: absolute;
+    --origam-list-item__overlay---position-bottom: var(--origam-space---0);
+    --origam-list-item__overlay---position-left: var(--origam-space---0);
+    --origam-list-item__overlay---position-right: var(--origam-space---0);
+    --origam-list-item__overlay---position-top: var(--origam-space---0);
+    --origam-list-item__overlay---transition-property: opacity;
+    --origam-list-item__overlay---transition-duration: var(--origam-motion__duration---medium);
+    --origam-list__item---overlay-transition-timing-function: ease-in-out;
+    --origam-list-item__underlay---position: absolute;
+    --origam-list-item__icon---opacity: var(--origam-opacity---87);
+    --origam-list-item__prepend---align-items: center;
+    --origam-list-item__prepend---align-self: center;
+    --origam-list-item__prepend---display: flex;
+    --origam-list-item__prepend---grid-area: prepend;
+    --origam-list-item__prepend---min-width: 24px;
+    --origam-list-item__prepend---min-height: 24px;
+    --origam-list-item__append---align-items: center;
+    --origam-list-item__append---align-self: center;
+    --origam-list-item__append---display: flex;
+    --origam-list-item__append---grid-area: append;
+    --origam-list-item__append---min-width: 24px;
+    --origam-list-item__append---min-height: 24px;
+    --origam-list-item__content---align-self: center;
+    --origam-list-item__content---grid-area: content;
+    --origam-list-item__content---overflow: hidden;
+    --origam-list__item---title-font-size: var(--origam-font__size---lg);
+    --origam-list-item__title---font-weight: var(--origam-font__weight---regular);
+    --origam-list-item__title---letter-spacing: 0.0094em;
+    --origam-list-item__title---line-height: 1.5rem;
+    --origam-list-item__title---text-transform: none;
+    --origam-list-item__title---hyphens: auto;
+    --origam-list-item__title---overflow-wrap: normal;
+    --origam-list-item__title---overflow: hidden;
+    --origam-list-item__title---white-space: nowrap;
+    --origam-list-item__title---text-overflow: ellipsis;
+    --origam-list-item__title---word-break: normal;
+    --origam-list-item__title---word-wrap: break-word;
+    --origam-list-item__title---padding-block-start: var(--origam-space---0);
+    --origam-list-item__title---padding-block-end: var(--origam-space---0);
+    --origam-list-item__title---padding-inline-start: var(--origam-space---0);
+    --origam-list-item__title---padding-inline-end: var(--origam-space---0);
+    --origam-list__item---subtitle-font-size: var(--origam-font__size---md);
+    --origam-list-item__subtitle---font-weight: var(--origam-font__weight---regular);
+    --origam-list-item__subtitle---letter-spacing: 0.0179em;
+    --origam-list-item__subtitle---line-height: 1rem;
+    --origam-list-item__subtitle---text-transform: none;
+    --origam-list-item__subtitle---display: -webkit-box;
+    --origam-list-item__subtitle---opacity: var(--origam-opacity---60);
+    --origam-list-item__subtitle---overflow: hidden;
+    --origam-list-item__subtitle---text-overflow: ellipsis;
+    --origam-list-item__subtitle---word-break: break-all;
+    --origam-list-item__subtitle---padding-block-start: var(--origam-space---0);
+    --origam-list-item__subtitle---padding-block-end: var(--origam-space---0);
+    --origam-list-item__subtitle---padding-inline-start: var(--origam-space---0);
+    --origam-list-item__subtitle---padding-inline-end: var(--origam-space---0);
+    --origam-list__subheader---font-size: var(--origam-font__size---md);
+    --origam-list-subheader---font-weight: var(--origam-font__weight---regular);
+    --origam-list-subheader---color: var(--origam-color__text---secondary);
+    --origam-list-subheader---min-height: 40px;
+    --origam-list-subheader---padding-inline-end: var(--origam-space---4);
+    --origam-list-subheader---line-height: 1.375rem;
+    --origam-list-subheader---transition-duration: var(--origam-motion__duration---medium);
+    --origam-list-subheader---transition-easing: var(--origam-motion__easing---standard);
+    --origam-list-subheader---inset-indent-padding: 32px;
+    --origam-list__subheader---nav-font-size: 0.75rem;
+    --origam-list-group---list-indent-size: var(--origam-space---4);
+    --origam-list__group---header-active-hover-opacity: 0.04;
+    --origam-expansion-panel---background: var(--origam-color__surface---raised);
+    --origam-expansion-panel---color: var(--origam-color__text---primary);
+    --origam-expansion-panel---border-radius: var(--origam-radius---sm);
+    --origam-expansion-panel---border-color: var(--origam-color__border---subtle);
+    --origam-expansion-panel---border-style: solid;
+    --origam-expansion-panel---border-top-width: var(--origam-border__width---0);
+    --origam-expansion-panel---border-left-width: var(--origam-border__width---0);
+    --origam-expansion-panel---border-bottom-width: var(--origam-border__width---0);
+    --origam-expansion-panel---border-right-width: var(--origam-border__width---0);
+    --origam-expansion-panel---flex: 1 0 100%;
+    --origam-expansion-panel---max-width: 100%;
+    --origam-expansion-panel---position: relative;
+    --origam-expansion-panel---transition-duration: var(--origam-motion__duration---slow);
+    --origam-expansion-panel---transition-property: margin-top, border-radius, border, max-width;
+    --origam-expansion-panel---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-expansion-panel---divider-color: var(--origam-color__border---subtle);
+    --origam-expansion-panel---divider-opacity: var(--origam-opacity---12);
+    --origam-expansion-panel---active-margin-top: var(--origam-space---4);
+    --origam-expansion-panel---disabled-color: var(--origam-color__text---disabled);
+    --origam-expansion-panel---disabled-pointer-events: none;
+    --origam-expansion-panel---disabled-overlay-opacity: var(--origam-opacity---60);
+    --origam-expansion-panel__shadow---position: absolute;
+    --origam-expansion-panel__shadow---top: var(--origam-space---0);
+    --origam-expansion-panel__shadow---left: var(--origam-space---0);
+    --origam-expansion-panel__shadow---width: 100%;
+    --origam-expansion-panel__shadow---height: 100%;
+    --origam-expansion-panel__shadow---box-shadow: var(--origam-shadow---sm);
+    --origam-expansion-panel__shadow---border-radius: inherit;
+    --origam-expansion-panel__shadow---z-index: -1;
+    --origam-expansion-panel__header---font-size: 0.9375rem;
+    --origam-expansion-panel__header---font-weight: var(--origam-font__weight---regular);
+    --origam-expansion-panel__header---line-height: 1;
+    --origam-expansion-panel__header---min-height: 48px;
+    --origam-expansion-panel__header---min-height-active: 64px;
+    --origam-expansion-panel__header---width: 100%;
+    --origam-expansion-panel__header---border: none;
+    --origam-expansion-panel__header---outline: none;
+    --origam-expansion-panel__header---border-radius: inherit;
+    --origam-expansion-panel__header---hover-overlay-opacity: var(--origam-opacity---0);
+    --origam-expansion-panel__header---focus-overlay-opacity: var(--origam-opacity---12);
+    --origam-expansion-panel__header__wrapper---padding-block: var(--origam-space---4);
+    --origam-expansion-panel__header__wrapper---padding-inline: var(--origam-space---6);
+    --origam-expansion-panel__header__wrapper---display: flex;
+    --origam-expansion-panel__header__wrapper---align-items: center;
+    --origam-expansion-panel__header__wrapper---justify-content: space-between;
+    --origam-expansion-panel__header__wrapper---transition-duration: var(--origam-motion__duration---slow);
+    --origam-expansion-panel__header__wrapper---transition-easing: var(--origam-motion__easing---standard);
+    --origam-expansion-panel__header__overlay---position: absolute;
+    --origam-expansion-panel__header__overlay---top: var(--origam-space---0);
+    --origam-expansion-panel__header__overlay---left: var(--origam-space---0);
+    --origam-expansion-panel__header__overlay---width: 100%;
+    --origam-expansion-panel__header__overlay---height: 100%;
+    --origam-expansion-panel__header__overlay---border-radius: inherit;
+    --origam-expansion-panel__header__overlay---opacity: var(--origam-opacity---0);
+    --origam-expansion-panel__header__prepend---margin-inline-end: var(--origam-space---2);
+    --origam-expansion-panel__header__prepend---margin-block: -4px;
+    --origam-expansion-panel__header__append---margin-inline-start: auto;
+    --origam-expansion-panel__header__append---margin-block: -4px;
+    --origam-expansion-panel__content---display: flex;
+    --origam-expansion-panel__content---padding-block-start: var(--origam-space---2);
+    --origam-expansion-panel__content---padding-block-end: var(--origam-space---4);
+    --origam-expansion-panel__content---padding-inline-start: var(--origam-space---6);
+    --origam-expansion-panel__content---padding-inline-end: var(--origam-space---6);
+    --origam-expansion-panel__content---flex: 1 1 auto;
+    --origam-expansion-panel__content---max-width: 100%;
+    --origam-expansion-panel__accordion---separator-color: var(--origam-color__border---subtle);
+    --origam-expansion-panel__accordion---header-overlay-transition: var(--origam-motion__duration---slow);
+    --origam-expansion-panel__popout---max-width: calc(100% - 32px);
+    --origam-expansion-panel__popout---max-width-active: calc(100% + 16px);
+    --origam-expansion-panel__inset---max-width: 100%;
+    --origam-expansion-panel__inset---max-width-active: calc(100% - 32px);
+    --origam-data-list---background-color: var(--origam-color__surface---default);
+    --origam-data-list---color: var(--origam-color__text---primary);
+    --origam-data-list---border-radius: var(--origam-radius---none);
+    --origam-data-list---padding: var(--origam-space---0);
+    --origam-data-list---gap: var(--origam-space---0);
+    --origam-data-list---display: block;
+    --origam-data-list---overflow: hidden;
+    --origam-data-list__item---background-color: rgba(0, 0, 0, 0);
+    --origam-data-list__item---padding: var(--origam-space---0);
+    --origam-data-list__item---hover-background-color: var(--origam-color__surface---overlay);
+    --origam-data-list__item---active-background-color: var(--origam-color__surface---raised);
+    --origam-data-list__title---font-size: var(--origam-font__size---sm);
+    --origam-data-list__title---font-weight: var(--origam-font__weight---medium);
+    --origam-data-list__title---color: var(--origam-color__text---secondary);
+    --origam-data-list__title---line-height: var(--origam-font__lineHeight---normal);
+    --origam-data-list__title---letter-spacing: var(--origam-font__letterSpacing---wide);
+    --origam-data-list__text---font-size: var(--origam-font__size---md);
+    --origam-data-list__text---color: var(--origam-color__text---primary);
+    --origam-data-list__text---line-height: var(--origam-font__lineHeight---normal);
+    --origam-data-list__text---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-data-list__bordered---border-color: var(--origam-color__border---default);
+    --origam-data-list__bordered---border-style: solid;
+    --origam-data-list__bordered---border-width: var(--origam-border__width---thin);
+    --origam-data-list__bordered---item-border-bottom-width: var(--origam-border__width---thin);
+    --origam-data-list__bordered---item-border-color: var(--origam-color__border---subtle);
+    --origam-data-list__striped---item-even-background-color: var(--origam-color__surface---overlay);
+    --origam-data-list__striped---item-odd-background-color: rgba(0, 0, 0, 0);
+    --origam-data-list__kv---display: block;
+    --origam-data-list__kv---row-padding-block: var(--origam-space---3);
+    --origam-data-list__kv---row-divider: var(--origam-color__border---subtle);
+    --origam-data-list__kv---key-width: 160px;
+    --origam-data-list__kv---key-color: var(--origam-color__text---secondary);
+    --origam-data-list__kv---key-font-size: var(--origam-font__size---md);
+    --origam-data-list__kv---key-font-weight: var(--origam-font__weight---medium);
+    --origam-data-list__kv---key-line-height: var(--origam-font__lineHeight---normal);
+    --origam-data-list__kv---value-color: var(--origam-color__text---primary);
+    --origam-data-list__kv---value-font-size: var(--origam-font__size---md);
+    --origam-data-list__kv---value-line-height: var(--origam-font__lineHeight---normal);
+    --origam-data-list__kv---gap-key-value: var(--origam-space---4);
+    --origam-data-list__kv---value-inline-gap: var(--origam-space---2);
+    --origam-carousel---aspect-ratio: auto;
+    --origam-carousel---position: relative;
+    --origam-carousel---overflow: hidden;
+    --origam-carousel---width: 100%;
+    --origam-carousel---transition-duration: var(--origam-motion__duration---slow);
+    --origam-carousel---transition-easing: var(--origam-motion__easing---standard);
+    --origam-carousel__controls---background-color: rgba(0, 0, 0, 0.4);
+    --origam-carousel__controls---color: var(--origam-color__text---primary);
+    --origam-carousel__controls---height: 50px;
+    --origam-carousel__controls---width: 100%;
+    --origam-carousel__controls---position: absolute;
+    --origam-carousel__controls---position-bottom: var(--origam-space---0);
+    --origam-carousel__controls---z-index: var(--origam-zIndex---raised);
+    --origam-carousel__controls-item---margin-inline: var(--origam-space---2);
+    --origam-carousel__controls-item---opacity: var(--origam-opacity---50);
+    --origam-carousel__controls-item---opacity-active: var(--origam-opacity---100);
+    --origam-carousel__controls-item---opacity-hover: var(--origam-opacity---87);
+    --origam-carousel__delimiters---color: var(--origam-color__text---primary);
+    --origam-carousel__delimiters---active-color: var(--origam-color__action--primary---bg);
+    --origam-carousel__delimiters---gap: var(--origam-space---2);
+    --origam-carousel__delimiters---padding: var(--origam-space---2);
+    --origam-carousel__progress---position: absolute;
+    --origam-carousel__progress---position-top: var(--origam-space---0);
+    --origam-carousel__progress---position-bottom: auto;
+    --origam-carousel__progress---position-left: var(--origam-space---0);
+    --origam-carousel__progress---position-right: var(--origam-space---0);
+    --origam-carousel__progress---z-index: var(--origam-zIndex---raised);
+    --origam-carousel__play-pause---background-color: rgba(0, 0, 0, 0.4);
+    --origam-carousel__play-pause---color: inherit;
+    --origam-carousel__play-pause---position: absolute;
+    --origam-carousel__play-pause---position-right: var(--origam-space---2);
+    --origam-carousel__play-pause---position-top: var(--origam-space---2);
+    --origam-carousel__play-pause---z-index: var(--origam-zIndex---raised);
+    --origam-carousel__progress---margin: var(--origam-space---0);
+    --origam-carousel--hide-delimiter-background---controls-background: rgba(0, 0, 0, 0);
+    --origam-carousel--vertical-delimiters---controls-width: 50px;
+    --origam-window---overflow: hidden;
+    --origam-window---position: relative;
+    --origam-window---transition-duration: var(--origam-motion__duration---slow);
+    --origam-window---transition-easing: var(--origam-motion__easing---standard);
+    --origam-window__container---display: flex;
+    --origam-window__container---flex-direction: column;
+    --origam-window__container---height: inherit;
+    --origam-window__container---position: relative;
+    --origam-window__controls---position: absolute;
+    --origam-window__controls---position-left: var(--origam-space---0);
+    --origam-window__controls---position-top: var(--origam-space---0);
+    --origam-window__controls---width: 100%;
+    --origam-window__controls---height: 100%;
+    --origam-window__controls---padding-inline: var(--origam-space---4);
+    --origam-window__controls---color: var(--origam-color__text---primary);
+    --origam-window__controls---hover-color: var(--origam-color__action--primary---fg);
+    --origam-window---item-fade-transition-duration: var(--origam-motion__duration---medium);
+    --origam-window---item-fade-transition-easing: var(--origam-motion__easing---decelerate);
+    --origam-window---item-scale-rotate-transition-duration: var(--origam-motion__duration---slow);
+    --origam-window---item-scale-rotate-transition-easing: var(--origam-motion__easing---standard);
+    --origam-window--show-arrows-on-hover---prev-transform: translateX(-200%);
+    --origam-window--show-arrows-on-hover---next-transform: translateX(200%);
+    --origam-window--show-arrows-on-hover---hover-transform: translateX(0);
+    --origam-window-item---x-transition-duration: var(--origam-motion__duration---slow);
+    --origam-window-item---x-transition-easing: var(--origam-motion__easing---standard);
+    --origam-window-item---y-transition-duration: var(--origam-motion__duration---slow);
+    --origam-window-item---y-transition-easing: var(--origam-motion__easing---standard);
+    --origam-slide-group---display: flex;
+    --origam-slide-group---overflow: hidden;
+    --origam-slide-group---transition-duration: var(--origam-motion__duration---medium);
+    --origam-slide-group---transition-easing: var(--origam-motion__easing---standard);
+    --origam-slide-group__prev---align-items: center;
+    --origam-slide-group__prev---display: flex;
+    --origam-slide-group__prev---flex: 0 1 52px;
+    --origam-slide-group__prev---min-width: 52px;
+    --origam-slide-group__prev---cursor: pointer;
+    --origam-slide-group__prev---opacity-disabled: var(--origam-opacity---60);
+    --origam-slide-group__prev---color: var(--origam-color__text---primary);
+    --origam-slide-group__next---align-items: center;
+    --origam-slide-group__next---display: flex;
+    --origam-slide-group__next---flex: 0 1 52px;
+    --origam-slide-group__next---min-width: 52px;
+    --origam-slide-group__next---cursor: pointer;
+    --origam-slide-group__next---opacity-disabled: var(--origam-opacity---60);
+    --origam-slide-group__next---color: var(--origam-color__text---primary);
+    --origam-slide-group__container---display: flex;
+    --origam-slide-group__container---flex: 1 1 auto;
+    --origam-slide-group__container---overflow-x: auto;
+    --origam-slide-group__container---overflow-y: hidden;
+    --origam-slide-group__container---scrollbar-color: rgba(0, 0, 0, 0);
+    --origam-slide-group__content---display: flex;
+    --origam-slide-group__content---flex: 1 0 auto;
+    --origam-slide-group__content---position: relative;
+    --origam-slide-group__content---white-space: nowrap;
+    --origam-slide-group--vertical---max-height: inherit;
+    --origam-slide-group--vertical---content-overflow-x: hidden;
+    --origam-slide-group--vertical---content-overflow-y: auto;
+    --origam-picker---background-color: var(--origam-color__surface---raised);
+    --origam-picker---color: var(--origam-color__text---primary);
+    --origam-picker---border-color: var(--origam-color__border---subtle);
+    --origam-picker---border-width: var(--origam-border__width---thin);
+    --origam-picker---border-radius: var(--origam-radius---md);
+    --origam-picker---box-shadow: var(--origam-shadow---lg);
+    --origam-picker---padding-block: var(--origam-space---4);
+    --origam-picker---padding-inline: var(--origam-space---4);
+    --origam-picker---min-width: 320px;
+    --origam-picker---max-width: 100vw;
+    --origam-picker---z-index: var(--origam-zIndex---dropdown);
+    --origam-picker---transition-duration: var(--origam-motion__duration---medium);
+    --origam-picker---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-picker-title---color: var(--origam-color__text---secondary);
+    --origam-picker-title---font-size: 0.75rem;
+    --origam-picker-title---font-weight: 400;
+    --origam-picker-title---letter-spacing: 0.1667em;
+    --origam-picker-title---padding-inline: 24px 12px;
+    --origam-picker-title---padding-block: 16px;
+    --origam-picker-title---text-transform: uppercase;
+    --origam-date-picker---width: 328px;
+    --origam-date-picker--show-week---width: 368px;
+    --origam-date-picker__header---padding-block: 0 var(--origam-space---3);
+    --origam-date-picker__header---padding-inline: var(--origam-space---6) var(--origam-space---3);
+    --origam-date-picker__header---font-size: 32px;
+    --origam-date-picker__header---min-height: 70px;
+    --origam-date-picker__day---size: 40px;
+    --origam-date-picker__day---color: var(--origam-color__text---primary);
+    --origam-date-picker__day---background-color: rgba(0, 0, 0, 0);
+    --origam-date-picker__day---background-color-selected: var(--origam-color__action--primary---bg);
+    --origam-date-picker__day---color-selected: var(--origam-color__action--primary---fg);
+    --origam-date-picker__day---background-color-in-range: var(--origam-color__surface---overlay);
+    --origam-date-picker-month__weeks---font-size: 0.85rem;
+    --origam-date-picker-month__weekday---font-size: 0.85rem;
+    --origam-date-picker-month__day---font-size: 0.85rem;
+    --origam-code---background-color: var(--origam-color__surface---sunken);
+    --origam-code---color: var(--origam-color__text---primary);
+    --origam-code---border-color: var(--origam-color__border---subtle);
+    --origam-code---border-width: var(--origam-border__width---thin);
+    --origam-code---border-radius: var(--origam-radius---md);
+    --origam-code---padding-block: var(--origam-space---4);
+    --origam-code---padding-inline: var(--origam-space---4);
+    --origam-code---font-family: var(--origam-font__family---mono);
+    --origam-code---font-size: var(--origam-font__size---sm);
+    --origam-code---line-height: 1.6;
+    --origam-code__header---background-color: var(--origam-color__surface---overlay);
+    --origam-code__header---color: var(--origam-color__text---secondary);
+    --origam-code__header---padding-block: var(--origam-space---2);
+    --origam-code__header---padding-inline: var(--origam-space---4);
+    --origam-code__header---gap: var(--origam-space---2);
+    --origam-code__filename---color: var(--origam-color__text---secondary);
+    --origam-code__filename---font-size: var(--origam-font__size---xs);
+    --origam-code__filename---font-weight: var(--origam-font__weight---medium);
+    --origam-code__copy---color: var(--origam-color__text---secondary);
+    --origam-code__copy---color-hover: var(--origam-color__text---primary);
+    --origam-code__copy---background-color: rgba(0, 0, 0, 0);
+    --origam-code__copy---background-color-hover: var(--origam-color__surface---raised);
+    --origam-code__copy---padding-block: var(--origam-space---1);
+    --origam-code__copy---padding-inline: var(--origam-space---2);
+    --origam-code__copy---border-radius: var(--origam-radius---sm);
+    --origam-code__copy---font-size: var(--origam-font__size---xs);
+    --origam-code__copy---gap: var(--origam-space---1);
+    --origam-code__copy---offset: var(--origam-space---2);
+    --origam-code__compact---gap: var(--origam-space---3);
+    --origam-code__compact---padding-block: var(--origam-space---2);
+    --origam-code__compact---padding-inline: var(--origam-space---4);
+    --origam-code__compact---line-height: 1.4;
+    --origam-code__compact-copy---background-color: var(--origam-color__surface---raised);
+    --origam-code__compact-copy---padding-block: var(--origam-space---1);
+    --origam-code__compact-copy---padding-inline: var(--origam-space---2);
+    --origam-code__compact-copy---border-radius: var(--origam-radius---sm);
+    --origam-code__compact-copy---font-size: var(--origam-font__size---xs);
+    --origam-code__line-highlight---background-color: var(--origam-color__feedback--warning---bgSubtle);
+    --origam-code__line-highlight---accent-color: var(--origam-color__feedback--warning---fgSubtle);
+    --origam-code__prompt---color: var(--origam-color__text---disabled);
+    --origam-code---line-number-color: var(--origam-color__text---disabled);
+    --origam-code---line-number-width: 3.5rem;
+    --origam-code---line-number-padding-right: var(--origam-space---5);
+    --origam-code---line-number-gap: var(--origam-space---4);
+    --origam-code__row---padding-inline: 0;
+    --origam-code__scrollbar---color: var(--origam-color__border---subtle);
+    --origam-color-picker__controls---padding-block: var(--origam-space---4);
+    --origam-color-picker__controls---padding-inline: var(--origam-space---4);
+    --origam-color-picker__canvas__dot---box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1.5px #0000004d;
+    --origam-color-picker__canvas__dot---border-radius: 50%;
+    --origam-color-picker__edit---gap: var(--origam-space---2);
+    --origam-color-picker-edit__label---font-size: .75rem;
+    --origam-color-picker-edit__input---border-color: var(--origam-color__border---default);
+    --origam-color-picker-edit__input---background-color: var(--origam-color__surface---default);
+    --origam-color-picker-edit__input---color: var(--origam-color__text---secondary);
+    --origam-color-picker__swatches__color---border-radius: 2px;
+    --origam-color-picker-field---min-width: 200px;
+    --origam-color-picker-field__swatch---width: 24px;
+    --origam-color-picker-field__swatch---height: 24px;
+    --origam-color-picker-field__swatch---border-radius: var(--origam-radius---sm);
+    --origam-color-picker-field__swatch---border-color: var(--origam-color__border---subtle);
+    --origam-color-picker-field__swatch---border-width: var(--origam-border__width---thin);
+    --origam-color-picker-field__icon---color: var(--origam-color__text---secondary);
+    --origam-color-picker-field__icon---color-hover: var(--origam-color__text---primary);
+    --origam-switch---transition-duration: var(--origam-motion__duration---medium);
+    --origam-switch---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-switch__track---width: 44px;
+    --origam-switch__track---height: 24px;
+    --origam-switch__track---border-radius: var(--origam-radius---full);
+    --origam-switch__track---background-color: var(--origam-color__surface---disabled);
+    --origam-switch__track---background-color-checked: var(--origam-color__action--primary---bg);
+    --origam-switch__track---background-color-disabled: var(--origam-color__surface---disabled);
+    --origam-switch__track---background-color-error: var(--origam-color__feedback--danger---bg);
+    --origam-switch__track---color-error: var(--origam-color__feedback--danger---fg);
+    --origam-switch__track---border-color: var(--origam-color__border---default);
+    --origam-switch__track---border-style: solid;
+    --origam-switch__track---border-width: var(--origam-border__width---thin);
+    --origam-switch__track---backdrop-filter: none;
+    --origam-switch__thumb---size: 20px;
+    --origam-switch__thumb---background-color: var(--origam-color__surface---default);
+    --origam-switch__thumb---background-color-checked: var(--origam-color__surface---default);
+    --origam-switch__thumb---background-color-disabled: var(--origam-color__surface---overlay);
+    --origam-switch__thumb---background-color-error: var(--origam-color__feedback--danger---bg);
+    --origam-switch__thumb---color-error: var(--origam-color__feedback--danger---fg);
+    --origam-switch__thumb---box-shadow: var(--origam-shadow---sm);
+    --origam-switch__thumb---border-radius: var(--origam-radius---full);
+    --origam-switch__thumb---translate-distance: 20px;
+    --origam-switch__thumb---transition-duration: var(--origam-motion__duration---medium);
+    --origam-switch__label---color: var(--origam-color__text---primary);
+    --origam-switch__label---color-disabled: var(--origam-color__text---disabled);
+    --origam-switch__label---color-error: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-switch__label---font-size: var(--origam-font__size---md);
+    --origam-switch__label---padding-inline: var(--origam-space---2);
+    --origam-switch__input---opacity: 0;
+    --origam-switch---opacity-disabled: var(--origam-opacity---32);
+    --origam-slider-field---padding-block: var(--origam-space---2);
+    --origam-slider-field---transition-duration: var(--origam-motion__duration---fast);
+    --origam-slider-field---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-slider-field---border-radius: var(--origam-radius---full);
+    --origam-slider-field---color-error: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-slider-field__track---height: 4px;
+    --origam-slider-field__track---background-color: var(--origam-color__surface---disabled);
+    --origam-slider-field__track---border-radius: var(--origam-radius---full);
+    --origam-slider-field-track__fill---background-color: var(--origam-color__action--primary---bg);
+    --origam-slider-field__thumb---size: 16px;
+    --origam-slider-field__thumb---background-color: var(--origam-color__action--primary---bg);
+    --origam-slider-field__thumb---border-color: var(--origam-color__surface---default);
+    --origam-slider-field__thumb---border-width: var(--origam-border__width---2);
+    --origam-slider-field__thumb---box-shadow: var(--origam-shadow---sm);
+    --origam-slider-field__thumb---scale-hover: 1.25;
+    --origam-slider-field__thumb---scale-active: 1.5;
+    --origam-slider-field__thumb---focus-ring-color: var(--origam-color__action--primary---bgSubtle);
+    --origam-slider-field__thumb---focus-ring-width: 8px;
+    --origam-slider-field__tick---size: 4px;
+    --origam-slider-field__tick---background-color: var(--origam-color__text---disabled);
+    --origam-slider-field__tick---background-color-active: var(--origam-color__action--primary---fg);
+    --origam-slider-field__tick---border-radius: var(--origam-radius---full);
+    --origam-slider-field__label---color: var(--origam-color__text---secondary);
+    --origam-slider-field__label---font-size: var(--origam-font__size---sm);
+    --origam-slider-field__label---padding: var(--origam-space---1);
+    --origam-slider-field---opacity-disabled: var(--origam-opacity---32);
+    --origam-icon---color: currentColor;
+    --origam-icon---transition-duration: var(--origam-motion__duration---fast);
+    --origam-icon---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-icon---font-size-xs: var(--origam-font__size---xs);
+    --origam-icon---font-size-sm: var(--origam-font__size---sm);
+    --origam-icon---font-size-md: var(--origam-font__size---md);
+    --origam-icon---font-size-lg: var(--origam-font__size---lg);
+    --origam-icon---font-size-xl: var(--origam-font__size---xl);
+    --origam-icon---font-size-2xl: var(--origam-font__size---2xl);
+    --origam-icon---font-size-3xl: var(--origam-font__size---3xl);
+    --origam-icon---font-size-4xl: var(--origam-font__size---4xl);
+    --origam-icon---color-primary: var(--origam-color__action--primary---bg);
+    --origam-icon---color-success: var(--origam-color__feedback--success---bg);
+    --origam-icon---color-warning: var(--origam-color__feedback--warning---bg);
+    --origam-icon---color-danger: var(--origam-color__feedback--danger---bg);
+    --origam-icon---color-info: var(--origam-color__feedback--info---bg);
+    --origam-icon---color-disabled: var(--origam-color__text---disabled);
+    --origam-divider---color: var(--origam-color__border---subtle);
+    --origam-divider---thickness: var(--origam-border__width---thin);
+    --origam-divider---border-style: solid;
+    --origam-divider---padding-block-start: var(--origam-space---0);
+    --origam-divider---padding-block-end: var(--origam-space---0);
+    --origam-divider---padding-inline-start: var(--origam-space---0);
+    --origam-divider---padding-inline-end: var(--origam-space---0);
+    --origam-divider---margin-block: var(--origam-space---0);
+    --origam-divider---opacity: var(--origam-opacity---100);
+    --origam-divider__label---color: var(--origam-color__text---secondary);
+    --origam-divider__label---font-size: var(--origam-font__size---sm);
+    --origam-divider__label---padding-inline: var(--origam-space---3);
+    --origam-title---color: var(--origam-color__text---primary);
+    --origam-title---font-family: var(--origam-font__family---sans);
+    --origam-title---font-weight: var(--origam-font__weight---semibold);
+    --origam-title---letter-spacing: var(--origam-font__letterSpacing---tight);
+    --origam-title---line-height: var(--origam-font__lineHeight---tight);
+    --origam-title---margin-block-start: var(--origam-space---0);
+    --origam-title---margin-block-end: var(--origam-space---0);
+    --origam-title---font-size-xs: var(--origam-font__size---md);
+    --origam-title---font-size-sm: var(--origam-font__size---lg);
+    --origam-title---font-size-md: var(--origam-font__size---xl);
+    --origam-title---font-size-lg: var(--origam-font__size---2xl);
+    --origam-title---font-size-xl: var(--origam-font__size---3xl);
+    --origam-title---font-size-2xl: var(--origam-font__size---4xl);
+    --origam-title---font-size-3xl: var(--origam-font__size---5xl);
+    --origam-counter---color: var(--origam-color__text---secondary);
+    --origam-counter---color-active: var(--origam-color__action--primary---bg);
+    --origam-counter---color-error: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-counter---font-size: var(--origam-font__size---xs);
+    --origam-counter---font-weight: var(--origam-font__weight---regular);
+    --origam-counter---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-counter---padding-inline: var(--origam-space---1);
+    --origam-counter---opacity: var(--origam-opacity---70);
+    --origam-counter---opacity-active: var(--origam-opacity---100);
+    --origam-counter---transition-duration: var(--origam-motion__duration---fast);
+    --origam-responsive---aspect-ratio-default: 1.7778;
+    --origam-responsive---aspect-ratio-square: 1;
+    --origam-responsive---aspect-ratio-portrait: 0.75;
+    --origam-responsive---max-width: 100%;
+    --origam-responsive---overflow: hidden;
+    --origam-responsive---display: flex;
+    --origam-responsive---flex: 0 1 auto;
+    --origam-responsive---flex-direction: column;
+    --origam-responsive---height: auto;
+    --origam-responsive---max-height: none;
+    --origam-responsive---min-height: auto;
+    --origam-responsive---min-width: auto;
+    --origam-responsive---position: relative;
+    --origam-responsive---width: auto;
+    --origam-responsive__content---flex: 1 1 auto;
+    --origam-responsive__content---margin: 0;
+    --origam-responsive__content---max-width: 100%;
+    --origam-parallax---aspect-ratio: 1.7778;
+    --origam-parallax---transition-duration: var(--origam-motion__duration---slow);
+    --origam-parallax---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-parallax---transition-duration-spring: var(--origam-motion__duration---xslow);
+    --origam-parallax---transition-easing-default: var(--origam-motion__easing---standard);
+    --origam-parallax---transition-easing-spring: cubic-bezier(0.16, 1, 0.3, 1);
+    --origam-parallax---perspective: 1000px;
+    --origam-parallax---transform-origin: center center;
+    --origam-parallax---translate-multiplier: 0.5;
+    --origam-parallax---background-color: rgba(0, 0, 0, 0);
+    --origam-parallax---color: var(--origam-color__text---primary);
+    --origam-parallax__layer---will-change: transform;
+    --origam-parallax__layer---transform-origin: center center;
+    --origam-slide---transition-duration: var(--origam-motion__duration---medium);
+    --origam-slide---transition-duration-reverse: var(--origam-motion__duration---medium);
+    --origam-slide---transition-timing-function: var(--origam-motion__easing---standard);
+    --origam-slide---translate-x-default: 100%;
+    --origam-slide---translate-y-default: 100%;
+    --origam-slide---translate-x-reverse: -100%;
+    --origam-slide---translate-y-reverse: -100%;
+    --origam-slide---opacity-from: 0;
+    --origam-slide---opacity-to: 1;
+    --origam-col---padding-inline-start: var(--origam-space---3);
+    --origam-col---padding-inline-end: var(--origam-space---3);
+    --origam-col---padding-block-start: var(--origam-space---3);
+    --origam-col---padding-block-end: var(--origam-space---3);
+    --origam-container---max-width-sm: 576px;
+    --origam-container---max-width-md: 768px;
+    --origam-container---max-width-lg: 992px;
+    --origam-container---max-width-xl: 1280px;
+    --origam-container---max-width-xxl: 1440px;
+    --origam-container---padding-inline-start: var(--origam-space---4);
+    --origam-container---padding-inline-end: var(--origam-space---4);
+    --origam-container---margin-inline-start: auto;
+    --origam-container---margin-inline-end: auto;
+    --origam-container--border---border-width: var(--origam-border__width---thin);
+    --origam-container--border---box-shadow: var(--origam-shadow---none);
+    --origam-row--gutter-none---gap: var(--origam-space---0);
+    --origam-row--gutter-dense---gap: var(--origam-space---2);
+    --origam-row--gutter-default---gap: var(--origam-space---4);
+    --origam-row--gutter-comfortable---gap: var(--origam-space---6);
+    --origam-row---gutter: var(--origam-row--gutter-comfortable---gap);
+    --origam-row---margin-inline: 0;
+    --origam-row---padding-block-start: var(--origam-space---0);
+    --origam-row---padding-block-end: var(--origam-space---0);
+    --origam-row---padding-inline-start: var(--origam-space---0);
+    --origam-row---padding-inline-end: var(--origam-space---0);
+    --origam-row--border---border-width: var(--origam-border__width---thin);
+    --origam-row--border---box-shadow: var(--origam-shadow---none);
+    --origam-spacer---flex-grow: 1;
+    --origam-spacer---min-size: var(--origam-space---0);
+    --origam-grid---gap-xs: var(--origam-space---1);
+    --origam-grid---gap-sm: var(--origam-space---2);
+    --origam-grid---gap-md: var(--origam-space---4);
+    --origam-grid---gap: var(--origam-grid---gap-md);
+    --origam-grid---gap-lg: var(--origam-space---6);
+    --origam-grid---gap-xl: var(--origam-space---8);
+    --origam-skeleton---background-color: var(--origam-color__surface---overlay);
+    --origam-skeleton---border-radius: var(--origam-radius---sm);
+    --origam-skeleton---border-radius-circular: var(--origam-radius---full);
+    --origam-skeleton---animation-duration: var(--origam-motion__duration---xslow);
+    --origam-skeleton---opacity-min: 0.4;
+    --origam-skeleton---opacity-max: 0.8;
+    --origam-skeleton---text-height: 1.2em;
+    --origam-skeleton---gap: var(--origam-space---3);
+    --origam-kbd---background-color: var(--origam-color__surface---overlay);
+    --origam-kbd---color: var(--origam-color__text---primary);
+    --origam-kbd---border-color: var(--origam-color__border---subtle);
+    --origam-kbd---border-width: var(--origam-border__width---thin);
+    --origam-kbd---border-radius: var(--origam-radius---sm);
+    --origam-kbd---padding-block: 0.125em;
+    --origam-kbd---padding-inline: 0.4em;
+    --origam-kbd---font-family: var(--origam-font__family---mono);
+    --origam-kbd---font-weight: var(--origam-font__weight---medium);
+    --origam-kbd---box-shadow: var(--origam-shadow---xs);
+    --origam-kbd---gap: var(--origam-space---1);
+    --origam-kbd---font-size-xs: var(--origam-font__size---xs);
+    --origam-kbd---font-size-sm: var(--origam-font__size---sm);
+    --origam-kbd---font-size-md: var(--origam-font__size---md);
+    --origam-kbd---font-size-lg: var(--origam-font__size---lg);
+    --origam-kbd---font-size-xl: var(--origam-font__size---xl);
+    --origam-kbd__filled---background-color: var(--origam-color__surface---raised);
+    --origam-kbd__filled---border-width: var(--origam-border__width---thin);
+    --origam-kbd--outlined---background-color: rgba(0, 0, 0, 0);
+    --origam-kbd--outlined---border-width: var(--origam-border__width---thin);
+    --origam-kbd__tonal---background-color: var(--origam-color__surface---sunken);
+    --origam-kbd__tonal---border-width: var(--origam-border__width---0);
+    --origam-kbd__separator---color: var(--origam-color__text---secondary);
+    --origam-stepper---background-color: var(--origam-color__surface---default);
+    --origam-stepper---color: var(--origam-color__text---primary);
+    --origam-stepper---gap: var(--origam-space---4);
+    --origam-stepper---padding-block: var(--origam-space---2);
+    --origam-stepper---padding-inline: var(--origam-space---2);
+    --origam-stepper---indicator-size: var(--origam-space---8);
+    --origam-stepper---indicator-border-width: var(--origam-border__width---thin);
+    --origam-stepper---indicator-font-size: var(--origam-font__size---sm);
+    --origam-stepper---indicator-font-weight: var(--origam-font__weight---medium);
+    --origam-stepper---indicator-bg: var(--origam-color__surface---overlay);
+    --origam-stepper---indicator-color: var(--origam-color__text---secondary);
+    --origam-stepper---indicator-active-bg: var(--origam-color__action--primary---bg);
+    --origam-stepper---indicator-active-color: var(--origam-color__action--primary---fg);
+    --origam-stepper---indicator-done-bg: var(--origam-color__action--primary---bg);
+    --origam-stepper---indicator-done-color: var(--origam-color__action--primary---fg);
+    --origam-stepper---indicator-error-bg: var(--origam-color__feedback--danger---bg);
+    --origam-stepper---indicator-error-color: var(--origam-color__feedback--danger---fg);
+    --origam-stepper---title-font-size: var(--origam-font__size---md);
+    --origam-stepper---title-font-weight: var(--origam-font__weight---medium);
+    --origam-stepper---title-color: var(--origam-color__text---primary);
+    --origam-stepper---subtitle-font-size: var(--origam-font__size---sm);
+    --origam-stepper---subtitle-color: var(--origam-color__text---secondary);
+    --origam-stepper---connector-color: var(--origam-color__border---subtle);
+    --origam-stepper---connector-color-done: var(--origam-color__action--primary---bg);
+    --origam-stepper---connector-thickness: var(--origam-border__width---thin);
+    --origam-timeline---background-color: var(--origam-color__surface---default);
+    --origam-timeline---color: var(--origam-color__text---primary);
+    --origam-timeline---gap: var(--origam-space---4);
+    --origam-timeline---padding-block: var(--origam-space---2);
+    --origam-timeline---padding-inline: var(--origam-space---4);
+    --origam-timeline---track-width: var(--origam-space---6);
+    --origam-timeline---dot-size: var(--origam-space---3);
+    --origam-timeline---dot-bg: var(--origam-color__action--primary---bg);
+    --origam-timeline---dot-color: var(--origam-color__action--primary---fg);
+    --origam-timeline---dot-border-width: var(--origam-border__width---thin);
+    --origam-timeline---dot-border-color: var(--origam-color__surface---default);
+    --origam-timeline---connector-color: var(--origam-color__border---subtle);
+    --origam-timeline---connector-thickness: var(--origam-border__width---thin);
+    --origam-timeline---title-font-size: var(--origam-font__size---md);
+    --origam-timeline---title-font-weight: var(--origam-font__weight---semibold);
+    --origam-timeline---subtitle-font-size: var(--origam-font__size---sm);
+    --origam-timeline---subtitle-color: var(--origam-color__text---secondary);
+    --origam-treeview---background-color: var(--origam-color__surface---default);
+    --origam-treeview---color: var(--origam-color__text---primary);
+    --origam-treeview---padding-block: var(--origam-space---1);
+    --origam-treeview---padding-inline: var(--origam-space---2);
+    --origam-treeview---indent-size: var(--origam-space---4);
+    --origam-treeview---row-height: var(--origam-space---8);
+    --origam-treeview---row-gap: var(--origam-space---2);
+    --origam-treeview---row-padding-inline: var(--origam-space---2);
+    --origam-treeview---row-bg-hover: var(--origam-color__surface---overlay);
+    --origam-treeview---row-bg-selected: var(--origam-color__action--primary---bgSubtle);
+    --origam-treeview---row-color-selected: var(--origam-color__action--primary---fgSubtle);
+    --origam-treeview---row-color-disabled: var(--origam-color__text---disabled);
+    --origam-treeview---chevron-size: var(--origam-space---4);
+    --origam-treeview---chevron-color: var(--origam-color__text---secondary);
+    --origam-treeview---icon-size: var(--origam-space---4);
+    --origam-treeview---icon-color: var(--origam-color__text---primary);
+    --origam-treeview---label-font-size: var(--origam-font__size---sm);
+    --origam-treeview---label-color: var(--origam-color__text---primary);
+    --origam-treeview---size-font-size: var(--origam-font__size---xs);
+    --origam-treeview---size-color: var(--origam-color__text---secondary);
+    --origam-treeview---guide-color: var(--origam-color__border---subtle);
+    --origam-treeview---guide-thickness: var(--origam-border__width---thin);
+    --origam-tabs---background-color: rgba(0, 0, 0, 0);
+    --origam-tabs---border-color: var(--origam-color__border---subtle);
+    --origam-tabs---border-style: solid;
+    --origam-tabs---border-width: var(--origam-border__width---0);
+    --origam-tabs---border-radius: var(--origam-radius---none);
+    --origam-tabs---color: var(--origam-color__text---primary);
+    --origam-tabs---padding-block: var(--origam-space---0);
+    --origam-tabs---padding-inline: var(--origam-space---0);
+    --origam-tabs---gap: var(--origam-space---0);
+    --origam-tabs---height: var(--origam-space---12);
+    --origam-tabs__item---color: var(--origam-color__text---secondary);
+    --origam-tabs__item---background-color: rgba(0, 0, 0, 0);
+    --origam-tabs__item---padding-inline: var(--origam-space---4);
+    --origam-tabs__item---padding-block: var(--origam-space---0);
+    --origam-tabs__item---gap: var(--origam-space---2);
+    --origam-tabs__item---height: var(--origam-space---12);
+    --origam-tabs__item---font-size: var(--origam-font__size---sm);
+    --origam-tabs__item---font-weight: var(--origam-font__weight---medium);
+    --origam-tabs__item---letter-spacing: var(--origam-font__letterSpacing---wide);
+    --origam-tabs__item---text-transform: none;
+    --origam-tabs__item---border-radius: var(--origam-radius---none);
+    --origam-tabs__item---border-width: var(--origam-border__width---0);
+    --origam-tabs__item---transition-duration: var(--origam-motion__duration---fast);
+    --origam-tabs__item---transition-easing: var(--origam-motion__easing---standard);
+    --origam-tabs__indicator---color: var(--origam-color__action--primary---bg);
+    --origam-tabs__indicator---height: var(--origam-border__width---2);
+    --origam-tab-panels__panel---padding-block: var(--origam-space---4);
+    --origam-tab-panels__panel---padding-inline: var(--origam-space---0);
+    --origam-tabs__panel---transition-duration: var(--origam-motion__duration---fast);
+    --origam-snackbar-group---z-index: var(--origam-zIndex---toast);
+    --origam-snackbar-group---gap: var(--origam-space---3);
+    --origam-snackbar-group---max-width: 420px;
+    --origam-snackbar-group---transition-duration: var(--origam-motion__duration---fast);
+    --origam-snackbar-group---position-top: var(--origam-space---4);
+    --origam-snackbar-group---position-bottom: var(--origam-space---4);
+    --origam-snackbar-group---position-left: var(--origam-space---4);
+    --origam-snackbar-group---position-right: var(--origam-space---4);
+    --origam-snackbar-group__item---gap: var(--origam-space---3);
+    --origam-snackbar-group__item---min-width: 288px;
+    --origam-snackbar-group__item---max-width: 420px;
+    --origam-snackbar-group__item---padding: 12px 14px;
+    --origam-snackbar-group__item---border-radius: var(--origam-radius---md);
+    --origam-snackbar-group__item---border-width: var(--origam-border__width---thin);
+    --origam-snackbar-group__item---background-color: var(--origam-color__surface---default);
+    --origam-snackbar-group__item---border-color: var(--origam-color__border---subtle);
+    --origam-snackbar-group__item---color: var(--origam-color__text---primary);
+    --origam-snackbar-group__item---box-shadow: var(--origam-shadow---md);
+    --origam-snackbar-group__item---font-size: var(--origam-font__size---md);
+    --origam-snackbar-group__item---content-gap: var(--origam-space---2);
+    --origam-snackbar-group__item---prepend-color: currentColor;
+    --origam-snackbar-group__item---text-gap: var(--origam-space---1);
+    --origam-snackbar-group__item---title-font-weight: var(--origam-font__weight---semibold);
+    --origam-snackbar-group__item---message-font-weight: var(--origam-font__weight---regular);
+    --origam-snackbar-group__item---message-color: currentColor;
+    --origam-snackbar-group__item---message-opacity: 0.85;
+    --origam-snackbar-group__item---action-color: var(--origam-color__action--primary---fg);
+    --origam-command-palette---z-index: var(--origam-zIndex---modal);
+    --origam-command-palette---padding-top: 18vh;
+    --origam-command-palette---width: 640px;
+    --origam-command-palette---max-height: 480px;
+    --origam-command-palette---background-color: var(--origam-color__surface---raised);
+    --origam-command-palette---color: var(--origam-color__text---primary);
+    --origam-command-palette---border-color: var(--origam-color__border---subtle);
+    --origam-command-palette---border-width: var(--origam-border__width---thin);
+    --origam-command-palette---border-radius: var(--origam-radius---lg);
+    --origam-command-palette---box-shadow: var(--origam-shadow---xl);
+    --origam-command-palette__input---padding: 12px 16px;
+    --origam-command-palette__input---font-size: var(--origam-font__size---md);
+    --origam-command-palette__input---border-color: var(--origam-color__border---subtle);
+    --origam-command-palette__input---icon-color: var(--origam-color__text---secondary);
+    --origam-command-palette__input---placeholder-color: var(--origam-color__text---disabled);
+    --origam-command-palette__list---padding: var(--origam-space---2);
+    --origam-command-palette__item---height: 40px;
+    --origam-command-palette__item---padding: 8px 12px;
+    --origam-command-palette__item---border-radius: var(--origam-radius---md);
+    --origam-command-palette__item---background-color: rgba(0, 0, 0, 0);
+    --origam-command-palette__item---background-color-active: var(--origam-color__action--secondary---bg);
+    --origam-command-palette__item---color: var(--origam-color__text---primary);
+    --origam-command-palette__item---color-active: var(--origam-color__text---primary);
+    --origam-command-palette__item---icon-color: var(--origam-color__text---secondary);
+    --origam-command-palette__item---description-color: var(--origam-color__text---secondary);
+    --origam-command-palette__item-kbd---gap: var(--origam-space---1);
+    --origam-command-palette__group-title---padding: 10px 12px 6px;
+    --origam-command-palette__group-title---color: var(--origam-color__text---secondary);
+    --origam-command-palette__group-title---font-size: var(--origam-font__size---xs);
+    --origam-command-palette__empty---color: var(--origam-color__text---secondary);
+    --origam-command-palette__footer---padding: 8px 12px;
+    --origam-command-palette__footer---border-color: var(--origam-color__border---subtle);
+    --origam-command-palette__footer---color: var(--origam-color__text---secondary);
+    --origam-command-palette--backdrop---background-color: rgba(0, 0, 0, 0.45);
+    --origam-command-palette--backdrop---backdrop-filter: blur(6px);
+    --origam-blockquote---padding-block: var(--origam-space---4);
+    --origam-blockquote---padding-inline: var(--origam-space---6);
+    --origam-blockquote---font-family: var(--origam-font__family---sans);
+    --origam-blockquote---font-size: var(--origam-font__size---lg);
+    --origam-blockquote---font-style: normal;
+    --origam-blockquote---font-weight: var(--origam-font__weight---regular);
+    --origam-blockquote---line-height: var(--origam-font__lineHeight---relaxed);
+    --origam-blockquote---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-blockquote---color: var(--origam-color__text---primary);
+    --origam-blockquote__accent---color: var(--origam-color__action--primary---bg);
+    --origam-blockquote__accent---width: 4px;
+    --origam-blockquote__author---color: var(--origam-color__text---secondary);
+    --origam-blockquote__author---font-size: var(--origam-font__size---md);
+    --origam-blockquote__author---font-style: normal;
+    --origam-blockquote__author---font-weight: var(--origam-font__weight---medium);
+    --origam-blockquote__author---margin-top: var(--origam-space---3);
+    --origam-blockquote__source---color: var(--origam-color__text---secondary);
+    --origam-blockquote__source---font-size: var(--origam-font__size---md);
+    --origam-blockquote__source---font-style: italic;
+    --origam-blockquote---quote-mark-font-size: var(--origam-font__size---5xl);
+    --origam-blockquote---quote-mark-color: var(--origam-color__action--primary---bg);
+    --origam-blockquote---quote-mark-opacity: 0.25;
+    --origam-blockquote---quote-mark-line-height: var(--origam-font__lineHeight---none);
+    --origam-blockquote--quoted---glyph-size: 8rem;
+    --origam-blockquote--quoted---glyph-opacity: 0.08;
+    --origam-blockquote--quoted---glyph-offset-top: -0.1em;
+    --origam-blockquote--quoted---glyph-offset-left: -0.05em;
+    --origam-blockquote--quoted---glyph-padding-extra: 1rem;
+    --origam-blockquote__elegant---font-family: var(--origam-font__family---serif);
+    --origam-blockquote__elegant---font-size: var(--origam-font__size---xl);
+    --origam-blockquote__elegant---font-style: italic;
+    --origam-blockquote__elegant---line-height: var(--origam-font__lineHeight---loose);
+    --origam-blockquote__elegant---padding-block: var(--origam-space---6);
+    --origam-blockquote__minimal---font-size: var(--origam-font__size---md);
+    --origam-blockquote__minimal---font-style: italic;
+    --origam-blockquote__minimal---padding-inline: var(--origam-space---3);
+    --origam-blockquote__pull---font-family: var(--origam-font__family---serif);
+    --origam-blockquote__pull---font-size: var(--origam-font__size---3xl);
+    --origam-blockquote__pull---font-weight: var(--origam-font__weight---medium);
+    --origam-blockquote__pull---line-height: var(--origam-font__lineHeight---snug);
+    --origam-blockquote__pull---padding-block: var(--origam-space---6);
+    --origam-blockquote__pull---rule-width: 2px;
+    --origam-video---background-color: var(--origam-color---black);
+    --origam-video---border-radius: var(--origam-radius---md);
+    --origam-video__poster---background-color: var(--origam-color---black);
+    --origam-video---poster-btn-size: var(--origam-space---16);
+    --origam-video---poster-btn-background-color: var(--origam-color__neutral---950);
+    --origam-video---poster-btn-background-color-hover: var(--origam-color__neutral---900);
+    --origam-video---poster-btn-color: var(--origam-color__neutral---0);
+    --origam-video---poster-btn-font-size: var(--origam-font__size---3xl);
+    --origam-video__controls---background-color: var(--origam-color__neutral---950);
+    --origam-video__controls---color: var(--origam-color__neutral---0);
+    --origam-video__controls---padding: var(--origam-space---2);
+    --origam-video__controls---gap: var(--origam-space---2);
+    --origam-video__btn---size: var(--origam-space---8);
+    --origam-video__btn---color: var(--origam-color__neutral---0);
+    --origam-video__btn---color-hover: var(--origam-color__neutral---0);
+    --origam-video__btn---background-color-hover: var(--origam-color__neutral---800);
+    --origam-video__btn---background-color-active: var(--origam-color__neutral---700);
+    --origam-video__btn---border-radius: var(--origam-radius---sm);
+    --origam-video__btn---font-size: var(--origam-font__size---lg);
+    --origam-video__time---color: var(--origam-color__neutral---0);
+    --origam-video__time---font-size: var(--origam-font__size---xs);
+    --origam-video__time---font-family: var(--origam-font__family---mono);
+    --origam-video__scrubber---color: var(--origam-color__primary---500);
+    --origam-video__scrubber---thumb-size: var(--origam-space---4);
+    --origam-video__volume---color: var(--origam-color__neutral---0);
+    --origam-video__volume---width: var(--origam-space---20);
+    --origam-video__loading---color: var(--origam-color__neutral---0);
+    --origam-video__loading---font-size: var(--origam-font__size---3xl);
+    --origam-video--error---background-color: var(--origam-color__neutral---950);
+    --origam-video--error---color: var(--origam-color__red---400);
+    --origam-video--error---font-size: var(--origam-font__size---sm);
+    --origam-video--error---gap: var(--origam-space---2);
+    --origam-video--error---padding: var(--origam-space---4);
+    --origam-video--error---icon-font-size: var(--origam-font__size---3xl);
+    --origam-audio---background-color: var(--origam-color__surface---raised);
+    --origam-audio---color: var(--origam-color__text---primary);
+    --origam-audio---accent-color: var(--origam-color__action--primary---bg);
+    --origam-audio---secondary-color: var(--origam-color__text---secondary);
+    --origam-audio---border-color: var(--origam-color__border---subtle);
+    --origam-audio---border-width: 1px;
+    --origam-audio---box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.06), 0px 1px 2px -1px rgba(0,0,0,0.06);
+    --origam-audio---border-radius: var(--origam-radius---lg);
+    --origam-audio__header---gap: var(--origam-space---4);
+    --origam-audio---padding: var(--origam-space---4);
+    --origam-audio__body---gap: var(--origam-space---3);
+    --origam-audio__metadata---gap: var(--origam-space---1);
+    --origam-audio__meta---gap: var(--origam-space---2);
+    --origam-audio__meta---font-size: 13px;
+    --origam-audio__meta---color: var(--origam-color__text---secondary);
+    --origam-audio__cover---size: 96px;
+    --origam-audio__cover---border-radius: var(--origam-radius---md);
+    --origam-audio__cover---background: #18181b;
+    --origam-audio__cover-label---background-color: var(--origam-color__neutral---950);
+    --origam-audio__title---color: var(--origam-color__text---primary);
+    --origam-audio__title---font-size: 18px;
+    --origam-audio__title---font-weight: 700;
+    --origam-audio__title---line-height: 1.25;
+    --origam-audio__artist---color: var(--origam-color__text---secondary);
+    --origam-audio__album---color: var(--origam-color__text---secondary);
+    --origam-audio__duration---color: var(--origam-color__text---secondary);
+    --origam-audio__waveform---height: 48px;
+    --origam-audio__waveform---color: var(--origam-color__action--primary---bg);
+    --origam-audio__transport---gap: var(--origam-space---2);
+    --origam-audio__nav-btn---size: 32px;
+    --origam-audio__transport---btn-icon-size: 20px;
+    --origam-audio__play-btn---size: 48px;
+    --origam-audio--compact__cover---size: 48px;
+    --origam-audio__compact---body-gap: var(--origam-space---2);
+    --origam-audio--compact__metadata---gap: var(--origam-space---2);
+    --origam-audio--compact__title---font-size: 14px;
+    --origam-audio__loading---font-size: var(--origam-font__size---sm);
+    --origam-audio__loading---color: var(--origam-color__text---secondary);
+    --origam-audio--error---background-color: var(--origam-color__feedback--danger---bgSubtle);
+    --origam-audio--error---color: var(--origam-color__feedback--danger---fgSubtle);
+    --origam-audio--error---font-size: var(--origam-font__size---sm);
+    --origam-audio--error---border-radius: var(--origam-radius---sm);
+    --origam-audio--error---padding: var(--origam-space---2) var(--origam-space---3);
+    --origam-audio--error---gap: var(--origam-space---2);
+    --origam-audio--error---icon-font-size: var(--origam-font__size---lg);
+    --origam-media-scrubber---color: var(--origam-color__action--primary---bg);
+    --origam-media-scrubber---primary: var(--origam-color__action--primary---bg);
+    --origam-media-scrubber---track-background-color: var(--origam-color__surface---overlay);
+    --origam-media-scrubber---track-size: 4px;
+    --origam-media-scrubber---track-size-active: 6px;
+    --origam-media-scrubber---buffer-background-color: var(--origam-color__surface---disabled);
+    --origam-media-scrubber---thumb-diameter: 12px;
+    --origam-media-scrubber__tooltip---background-color: var(--origam-color__neutral---900);
+    --origam-media-scrubber__tooltip---color: var(--origam-color__neutral---0);
+    --origam-media-controller---color: var(--origam-color__text---primary);
+    --origam-media-controller__scrubber---color: var(--origam-color__action--primary---bg);
+    --origam-media-controller---accent-color: var(--origam-color__action--primary---bg);
+    --origam-media-controller__time---color: currentColor;
+    --origam-media-controller__time-sep---color: var(--origam-color__text---secondary);
+    --origam-media-controller__time-total---color: var(--origam-color__text---secondary);
+    --origam-media-volume-control---density: var(--origam-media-volume-control--default---density);
+    --origam-media-volume-control--default---density: 0px;
+    --origam-media-volume-control--compact---density: -8px;
+    --origam-media-volume-control--comfortable---density: 8px;
+    --origam-media-volume-control__btn---size: var(--origam-media-volume-control__btn---size-md);
+    --origam-media-volume-control__btn---size-xs: 24px;
+    --origam-media-volume-control__btn---size-sm: 30px;
+    --origam-media-volume-control__btn---size-md: 36px;
+    --origam-media-volume-control__btn---size-lg: 44px;
+    --origam-media-volume-control__btn---size-xl: 52px;
+    --origam-media-volume-control__btn---border-radius: var(--origam-radius---full);
+    --origam-media-volume-control__btn---color: currentColor;
+    --origam-media-volume-control__btn---background-color: transparent;
+    --origam-media-volume-control__btn---opacity: 0.95;
+    --origam-media-volume-control__btn---transition-duration: 120ms;
+    --origam-media-volume-control__btn--hover---background-color: color-mix(in srgb, currentColor 12%, transparent);
+    --origam-media-volume-control__btn--hover---opacity: 1;
+    --origam-media-volume-control__btn--active---scale: 0.92;
+    --origam-media-volume-control__icon---font-size: var(--origam-media-volume-control__icon---font-size-md);
+    --origam-media-volume-control__icon---font-size-xs: 14px;
+    --origam-media-volume-control__icon---font-size-sm: 17px;
+    --origam-media-volume-control__icon---font-size-md: 20px;
+    --origam-media-volume-control__icon---font-size-lg: 24px;
+    --origam-media-volume-control__icon---font-size-xl: 28px;
+    --origam-media-volume-control__tooltip---background-color: var(--origam-color__neutral---900);
+    --origam-media-volume-control__tooltip---color: var(--origam-color__neutral---0);
+    --origam-media-volume-control__tooltip---padding: 10px 8px;
+    --origam-media-volume-control__wrapper---width: 14px;
+    --origam-media-volume-control__wrapper---height: 80px;
+    --origam-media-volume-control__scrubber---track-background-color: color-mix(in srgb, currentColor 30%, transparent);
+    --origam-media-volume-control__scrubber---track-size: 4px;
+    --origam-media-volume-control__scrubber---thumb-diameter: 10px;
+    --origam-clipboard__feedback---color: var(--origam-color__feedback--success---fgSubtle);
+    --origam-clipboard__feedback---bg-color: var(--origam-color__feedback--success---bgSubtle);
+    --origam-clipboard__feedback---font-size: var(--origam-font__size---xs);
+    --origam-clipboard__feedback---font-weight: var(--origam-font__weight---medium);
+    --origam-clipboard__feedback---gap: var(--origam-space---1);
+    --origam-clipboard__feedback---offset: var(--origam-space---2);
+    --origam-clipboard__feedback---transition-duration: var(--origam-motion__duration---medium);
+    --origam-masonry---animation-duration: var(--origam-motion__duration---fast);
+    --origam-masonry---animation-easing: var(--origam-motion__easing---standard);
+    --origam-text-mask---font-size-default: var(--origam-font__size---5xl);
+    --origam-text-mask---font-weight-default: var(--origam-font__weight---bold);
+    --origam-text-mask---line-height-default: var(--origam-font__lineHeight---tight);
+    --origam-text-mask__animation---duration-default: 3s;
+    --origam-text-mask__animation---easing-default: var(--origam-motion__easing---standard);
+    --origam-empty-state---padding-block: var(--origam-space---10);
+    --origam-empty-state---padding-inline: var(--origam-space---6);
+    --origam-empty-state---padding-block-sm: var(--origam-space---6);
+    --origam-empty-state---padding-block-md: var(--origam-space---10);
+    --origam-empty-state---padding-block-lg: var(--origam-space---16);
+    --origam-empty-state---gap: var(--origam-space---4);
+    --origam-empty-state---gap-sm: var(--origam-space---3);
+    --origam-empty-state---gap-md: var(--origam-space---4);
+    --origam-empty-state---gap-lg: var(--origam-space---6);
+    --origam-empty-state---max-width: 480px;
+    --origam-empty-state__icon---size: 64px;
+    --origam-empty-state__icon---size-sm: 48px;
+    --origam-empty-state__icon---size-md: 64px;
+    --origam-empty-state__icon---size-lg: 96px;
+    --origam-empty-state__icon---color: var(--origam-color__text---secondary);
+    --origam-empty-state__icon---margin-bottom: var(--origam-space---2);
+    --origam-empty-state__title---color: var(--origam-color__text---primary);
+    --origam-empty-state__title---font-family: var(--origam-font__family---sans);
+    --origam-empty-state__title---font-weight: var(--origam-font__weight---semibold);
+    --origam-empty-state__title---line-height: var(--origam-font__lineHeight---snug);
+    --origam-empty-state__title---font-size: var(--origam-font__size---xl);
+    --origam-empty-state__title---font-size-sm: var(--origam-font__size---lg);
+    --origam-empty-state__title---font-size-md: var(--origam-font__size---xl);
+    --origam-empty-state__title---font-size-lg: var(--origam-font__size---2xl);
+    --origam-empty-state__description---color: var(--origam-color__text---secondary);
+    --origam-empty-state__description---font-family: var(--origam-font__family---sans);
+    --origam-empty-state__description---font-weight: var(--origam-font__weight---regular);
+    --origam-empty-state__description---line-height: var(--origam-font__lineHeight---relaxed);
+    --origam-empty-state__description---font-size: var(--origam-font__size---md);
+    --origam-empty-state__description---font-size-sm: var(--origam-font__size---sm);
+    --origam-empty-state__description---font-size-md: var(--origam-font__size---md);
+    --origam-empty-state__description---font-size-lg: var(--origam-font__size---lg);
+    --origam-empty-state__actions---margin-top: var(--origam-space---2);
+    --origam-empty-state__actions---gap: var(--origam-space---3);
+    --origam-calendar---background-color: var(--origam-color__surface---default);
+    --origam-calendar---border-color: var(--origam-color__border---default);
+    --origam-calendar---border-radius: var(--origam-radius---md);
+    --origam-calendar---border-width: var(--origam-border__width---thin);
+    --origam-calendar---color: var(--origam-color__text---primary);
+    --origam-calendar---gap: var(--origam-space---0);
+    --origam-calendar---padding: var(--origam-space---0);
+    --origam-calendar__day-cell---height: 120px;
+    --origam-calendar__day-cell---padding: var(--origam-space---2);
+    --origam-calendar__day-cell---color: var(--origam-color__text---primary);
+    --origam-calendar__day-cell---color-muted: var(--origam-color__text---secondary);
+    --origam-calendar__day-cell---color-disabled: var(--origam-color__text---disabled);
+    --origam-calendar__day-cell---border-color: var(--origam-color__border---subtle);
+    --origam-calendar__day-cell---bg-color-today: var(--origam-color__action--primary---bgSubtle);
+    --origam-calendar__day-cell---bg-color-weekend: var(--origam-color__surface---sunken);
+    --origam-calendar__day-cell---bg-color-outside: var(--origam-color__surface---sunken);
+    --origam-calendar__day-cell---bg-color-hover: var(--origam-color__surface---overlay);
+    --origam-calendar__timeline---slot-height: 32px;
+    --origam-calendar__timeline__hour-label---color: var(--origam-color__text---secondary);
+    --origam-calendar__timeline__hour-label---font-size: var(--origam-font__size---xs);
+    --origam-calendar__timeline__hour-label---width: 56px;
+    --origam-calendar__timeline---grid-line-color: var(--origam-color__border---subtle);
+    --origam-calendar__range-select---bg-color: var(--origam-color__action--primary---bgSubtle);
+    --origam-calendar__range-select---border-color: var(--origam-color__action--primary---bg);
+    --origam-calendar__week-number---color: var(--origam-color__text---secondary);
+    --origam-calendar__week-number---font-size: var(--origam-font__size---xs);
+    --origam-calendar__week-number---width: 32px;
+    --origam-calendar__event---padding: var(--origam-space---1);
+    --origam-calendar__event---font-size: var(--origam-font__size---xs);
+    --origam-calendar__event---border-radius: var(--origam-radius---sm);
+    --origam-calendar__event---bg-color-default: var(--origam-color__action--primary---bg);
+    --origam-calendar__event---color-default: var(--origam-color__action--primary---fg);
+    --origam-calendar__toolbar---padding: var(--origam-space---3);
+    --origam-calendar__toolbar---gap: var(--origam-space---2);
+    --origam-calendar__toolbar---background-color: var(--origam-color__surface---default);
+    --origam-calendar__toolbar---border-color: var(--origam-color__border---subtle);
+    --origam-calendar__toolbar---title-color: var(--origam-color__text---primary);
+    --origam-calendar__toolbar---title-font-size: var(--origam-font__size---md);
+    --origam-calendar__toolbar---title-font-weight: var(--origam-font__weight---semibold);
+    --origam-calendar__agenda---padding: var(--origam-space---4);
+    --origam-calendar__agenda---row-gap: var(--origam-space---3);
+    --origam-calendar__agenda---day-color: var(--origam-color__text---primary);
+    --origam-calendar__agenda---day-font-weight: var(--origam-font__weight---semibold);
+    --origam-chart---background-color: var(--origam-color__surface---default);
+    --origam-chart---color: var(--origam-color__text---primary);
+    --origam-chart---padding: var(--origam-space---3);
+    --origam-chart---gap: var(--origam-space---3);
+    --origam-chart__title---color: var(--origam-color__text---primary);
+    --origam-chart__title---font-size: var(--origam-font__size---lg);
+    --origam-chart__title---font-weight: var(--origam-font__weight---semibold);
+    --origam-chart__subtitle---color: var(--origam-color__text---secondary);
+    --origam-chart__subtitle---font-size: var(--origam-font__size---sm);
+    --origam-chart__axis---color: var(--origam-color__border---default);
+    --origam-chart__axis-label---color: var(--origam-color__text---secondary);
+    --origam-chart__grid---color: var(--origam-color__border---subtle);
+    --origam-chart__grid---stroke-width: 1px;
+    --origam-chart__tooltip---background-color: var(--origam-color__surface---inverse);
+    --origam-chart__tooltip---color: var(--origam-color__text---inverse);
+    --origam-chart__tooltip---padding: var(--origam-space---2);
+    --origam-chart__tooltip---border-radius: var(--origam-radius---sm);
+    --origam-chart__tooltip---shadow: var(--origam-shadow---md);
+    --origam-chart__legend---gap: var(--origam-space---3);
+    --origam-chart__legend-swatch---border-radius: var(--origam-radius---xs);
+    --origam-chart__point---radius: 4px;
+    --origam-chart__point---radius-hover: 6px;
+    --origam-chart__bar---gap: var(--origam-space---1);
+    --origam-chart__bar---border-radius: var(--origam-radius---xs);
+    --origam-chart__path---stroke-width: 2px;
+    --origam-chart__pie---stroke-color: var(--origam-color__surface---default);
+    --origam-chart__pie---stroke-width: 2px;
+    --origam-chart__radar---fill-opacity: 0.18;
+    --origam-chart__polygon---stroke-width: 1.5px;
+    --origam-chart__empty---color: var(--origam-color__text---secondary);
+    --origam-chart---animation-duration: 600ms;
+    --origam-chart---animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
+    --origam-chart-pareto__grid---stroke: #e5e7eb;
+    --origam-chart-pareto__axis---stroke: #d1d5db;
+    --origam-chart-pareto__tick---stroke: #d1d5db;
+    --origam-chart-pareto__bar---stroke-color: var(--origam-color__surface---default);
+    --origam-chart-pareto__bar---stroke-width: 1;
+    --origam-chart-pareto__line---stroke-width: 2;
+    --origam-chart-pareto__tick-label---font-size: 0.6875rem;
+    --origam-chart-pareto__tick-label---fill: #6b7280;
+    --origam-chart-pareto__bar-label---font-size: 0.6875rem;
+    --origam-chart-pareto__bar-label---font-weight: var(--origam-font__weight---semibold);
+    --origam-chart-pareto__bar-label---fill: currentColor;
+    --origam-chart-pareto__line-dot---stroke: var(--origam-color__surface---default);
+    --origam-chart-range-selector---padding-inline: var(--origam-space---1);
+    --origam-chart-range-selector__list---gap: 2px;
+    --origam-chart-range-selector__btn---padding: 3px 8px;
+    --origam-chart-range-selector__btn---border-color: #d1d5db;
+    --origam-chart-range-selector__btn---border-radius: var(--origam-radius---sm);
+    --origam-chart-range-selector__btn---background-color: rgba(0, 0, 0, 0);
+    --origam-chart-range-selector__btn---color: #6b7280;
+    --origam-chart-range-selector__btn---font-size: var(--origam-font__size---sm);
+    --origam-chart-range-selector__btn--hover---background-color: rgba(0, 0, 0, 0.06);
+    --origam-chart-range-selector__btn--hover---color: #111827;
+    --origam-chart-range-selector__btn--active---background-color: #3b82f6;
+    --origam-chart-range-selector__btn--active---border-color: rgba(0, 0, 0, 0);
+    --origam-chart-range-selector__btn--active---color: var(--origam-color---white);
+    --origam-chart-range-selector__btn--active--hover---background-color: #2563eb;
+    --origam-chart-range-selector__btn--active--hover---color: var(--origam-color---white);
+    --origam-chart-sparkline__bar---border-radius: 1;
+    --origam-chart-sparkline__marker-min---stroke: rgba(0, 0, 0, 0);
+    --origam-chart-sparkline__marker-max---stroke: rgba(0, 0, 0, 0);
+    --origam-chart-sparkline__marker-last---stroke: #ffffff;
+    --origam-chart-sparkline__marker-last---stroke-width: 1;
+    --origam-chart-sparkline__tooltip---padding: 2px 6px;
+    --origam-chart-sparkline__tooltip---border-radius: var(--origam-radius---sm);
+    --origam-chart-sparkline__tooltip---font-size: 0.6875rem;
+    --origam-chart-sparkline__empty---font-size: var(--origam-font__size---sm);
+    --origam-chart-variwide__grid---stroke: #e5e7eb;
+    --origam-chart-variwide__axis---stroke: #d1d5db;
+    --origam-chart-variwide__tick---stroke: #d1d5db;
+    --origam-chart-variwide__bar---stroke-color: var(--origam-color__surface---default);
+    --origam-chart-variwide__bar---stroke-width: 1;
+    --origam-chart-variwide__tick-label---font-size: 0.6875rem;
+    --origam-chart-variwide__tick-label---fill: #6b7280;
+    --origam-chart-variwide__bar-label---font-size: 0.6875rem;
+    --origam-chart-variwide__bar-label---font-weight: var(--origam-font__weight---semibold);
+    --origam-chart-variwide__bar-label---fill: currentColor;
+    --origam-chart-streamgraph__grid---stroke: #e5e7eb;
+    --origam-chart-streamgraph__axis---stroke: #d1d5db;
+    --origam-chart-streamgraph__crosshair---stroke: #6b7280;
+    --origam-chart-streamgraph__ribbon---opacity: 0.82;
+    --origam-chart-streamgraph__axis-label---font-size: 0.6875rem;
+    --origam-chart-streamgraph__axis-label---fill: #6b7280;
+    --origam-data-table-header-cell---color: var(--origam-color__text---primary);
+    --origam-data-table-header-cell---background: var(--origam-color__surface---raised);
+    --origam-data-table-header-cell__content---gap: var(--origam-space---1);
+    --origam-data-table-header-cell__sort-icon---color: var(--origam-color__text---primary);
+    --origam-data-table-header-cell__sort-icon---opacity: var(--origam-opacity---0);
+    --origam-data-table-header-cell__sort-icon---opacity-hover: var(--origam-opacity---50);
+    --origam-data-table-header-cell__sort-icon---opacity-active: var(--origam-opacity---100);
+    --origam-data-table-header-cell__sort-icon--active---color: var(--origam-color__text---primary);
+    --origam-data-table-header-cell__sort-badge---font-size: var(--origam-font__size---md);
+    --origam-data-table-header-cell__sort-badge---padding: var(--origam-space---1);
+    --origam-data-table-header-cell__sort-badge---border-radius: var(--origam-radius---full);
+    --origam-data-table-header-cell__sort-badge---background: var(--origam-color__border---default);
+    --origam-data-table-header-cell__sort-badge---color: var(--origam-color__text---primary);
+    --origam-data-table-header-cell__sort-badge---min-width: var(--origam-space---5);
+    --origam-data-table-header-cell__sort-badge---min-height: var(--origam-space---5);
+    --origam-data-table-header-cell__sort-badge---width: var(--origam-space---5);
+    --origam-data-table-header-cell__sort-badge---height: var(--origam-space---5);
+    --origam-data-table-footer---align-items: center;
+    --origam-data-table-footer---background-color: var(--origam-color__surface---default);
+    --origam-data-table-footer---color: var(--origam-color__text---primary);
+    --origam-data-table-footer---display: flex;
+    --origam-data-table-footer---flex-wrap: wrap;
+    --origam-data-table-footer---justify-content: flex-end;
+    --origam-data-table-footer---padding-block: var(--origam-space---2);
+    --origam-data-table-footer---padding-inline: var(--origam-space---1);
+    --origam-data-table-footer__pagination---margin-inline-start: var(--origam-space---4);
+    --origam-data-table-footer__info---justify-content: flex-end;
+    --origam-data-table-footer__info---min-width: 116px;
+    --origam-data-table-footer__info---padding-inline: var(--origam-space---4);
+    --origam-data-table-footer__items-per-page---gap: var(--origam-space---2);
+    --origam-data-table-footer__items-per-page---padding-inline-end: var(--origam-space---2);
+    --origam-data-table-row---background-color: var(--origam-color__surface---default);
+    --origam-data-table-row---color: var(--origam-color__text---primary);
+    --origam-data-table-row---transition-duration: var(--origam-motion__duration---fast);
+    --origam-data-table-row---transition-easing: var(--origam-motion__easing---standard);
+    --origam-data-table-row--hover---background-color: var(--origam-color__surface---overlay);
+    --origam-data-table-row__column-title---font-weight: var(--origam-font__weight---medium);
+    --origam-data-table-row--mobile__column-min-height: 52px;
+    --origam-list-group---prepend-width: var(--origam-space---4);
+    --origam-list-group__header--active---opacity: var(--origam-opacity---0);
+    --origam-list-group__header--active--hover---opacity: 0.04;
+    --origam-list-group--fluid---list-indent-size: var(--origam-space---0);
+    --origam-tab-panels__panel---transition-duration: 0.18s;
+    --origam-tab-panels__panel--focus---outline-color: currentColor;
+  }
+}