@aurea-uds/tokens 0.1.0

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,117 @@
+# Aurea foundations — what the tokens govern, and what they do not
+
+Canonical answer to "which axis owns this value". Written in Phase 6 of the audit plan,
+because the audit found the foundations documented nowhere: density and theme both promised
+things no document defined, and a quarter of the tokens had no consumer (findings M2, M17, M18).
+
+Counts live in [`STATE.md`](../../STATE.md), generated and gated. This file holds the rules.
+
+---
+
+## The axes
+
+| Axis | Tokens | Unit | Notes |
+|---|---|---|---|
+| Colour | `--<semantic>`, `--<family>-<step>` | oklch / hex | semantic first; a ramp step is for building a semantic, not for using directly |
+| Spacing | `--space-0` … `--space-24` | rem | scale with deliberate gaps — not every integer exists |
+| Type size | `--text-xs` … `--text-5xl` | rem | |
+| Type family | `--font-ui`, `--font-editorial`, `--font-code` | — | IBM Plex Sans / Serif / Mono |
+| Type weight | `--weight-regular` … `--weight-bold` | number | created in Phase 6; the axis did not exist |
+| Line height | `--leading-none` … `--leading-relaxed` | number | `--leading-none` exists for components whose HEIGHT is a contract |
+| Letter spacing | `--tracking-tight` … `--tracking-widest` | em | created in Phase 6 |
+| Radius | `--radius-sm` … `--radius-card`, `--radius-control` | px | `--radius-card` (22px) and `--radius-control` (999px) are identity — gated |
+| Border | `--border-width` | px | |
+| Shadow | `--shadow-md`, `--shadow-lg` | shadow | the `xs`/`sm` steps were removed in Phase 6: both were `none` and unused |
+| Layer | `--z-sticky` … `--z-toast` | number | for OVERLAY stacking. Local `z-index: 1/2/3` inside a component is not this axis |
+| Motion | `--duration-*`, `--ease-*` | duration / bezier | |
+| Icon size | `--icon-sm` … `--icon-xl` | rem | created in Phase 6; rem so glyphs follow text size |
+| Touch target | `--target-min` | rem | 44px at a 16px root — WCAG 2.5.5/2.5.8 |
+| Breakpoint | `--breakpoint-sm` … `--breakpoint-2xl` | px | `@media` cannot read `var()`, so the CSS repeats the literal and `validate.py` check 4b guards the scale |
+| Density | see below | rem | |
+
+**New value on any of these axes comes from a token.** Raw values in the core are ratcheted per
+axis by `validate.py` check 12 against `scripts/raw-px-baseline.json`: the count may fall, never
+rise.
+
+---
+
+## Density contract — what actually changes
+
+`data-density="compact | comfortable | spacious"` changes **eight** tokens, and only these:
+
+`--control-h-xs`, `--control-h-sm`, `--control-h-md`, `--control-h-lg`, `--control-h-xl`,
+`--row-h`, `--card-pad`, `--section-gap`.
+
+So density changes **control height, table row height, card padding and gap between sections**.
+
+It deliberately does **not** change: type size, the general spacing scale, layout gaps, radii,
+icon sizes or line heights. Density is about how tightly controls pack, not about a second
+type scale.
+
+This was undocumented until Phase 6, and the promise "three densities" read as if it governed
+everything. Every control must take its height from `--control-h-*` — three families did not,
+and that is why a tab measured 8px shorter than the field beside it in `spacious`
+(finding A1). `tests/visual/geometry.spec.ts` now enforces it.
+
+---
+
+## Theme contract — and one asymmetry, on purpose
+
+`data-theme="dark | light"`. Dark is the base; light overrides.
+
+The two themes are **not** symmetric, and this is the exception: light overrides six colours
+that dark leaves at their base value —
+`danger-400`, `info-400`, `success-400`, `warning-400`, `oracle-300`, `oracle-400`.
+
+Reason: on a light surface those four semantic families need a deeper tone to reach 4.5:1,
+while on dark the base value already does. Nothing is undefined in dark — it inherits from
+`base`, so there is no missing-value bug. What was missing was this paragraph.
+
+Identity does not change between themes: the primary yellow is `oklch(0.795 0.184 86.047)` in
+both, and `validate.py` check 3 fails on the canonical value, not just the token name.
+
+---
+
+## Units: rem for anything that should follow text
+
+Type, spacing, icon sizes, control heights, sidebar width and topbar height are **rem**, so a
+reader who doubles the browser font size gets bigger controls instead of clipped text
+(WCAG 1.4.4, finding M12). The conversion from px was exact (px÷16), so nothing moved at the
+default root size — the 52 pixel baselines prove it.
+
+Radii stay **px**: a corner is a physical shape, not text, and scaling it with type size makes
+a pill stop being a pill.
+
+---
+
+## Tokens with no consumer
+
+63 of 174 distinct names are not referenced by the core. That is not automatically waste:
+
+| Group | Why it exists |
+|---|---|
+| `--breakpoint-*` (5) | `@media` cannot read `var()`. The CSS repeats the literal and check 4b guards the scale against them |
+| `--oracle-*` (11) | consumed only by `apps/docs/docs.css`. `oracle` is vocabulary from the origin app, not the system (finding M9) — these leave with that page |
+| `--chart-*` (4) | reserved for charts, which do not exist yet as components |
+| ramp steps (6) | intermediate steps of the semantic families, kept so a consumer can build a variant |
+| the rest | used only by `docs.css` — 14 in total |
+
+**The rule going forward:** a token is born from a use, not from a scale that looks complete.
+Phase 6 removed 26 that had no use anywhere (`--aether-*`, `--ember-*`, two `none` shadows, two
+duplicate radii) and created 15 that were needed immediately.
+
+Duplicates are references, not copies: `--radius-full` is `{radius-control}`, so the two names
+cannot drift. Two tokens with the same number written by hand diverge the day one is adjusted.
+
+---
+
+## Cascade
+
+`packages/core/dist/aurea.css` wraps tokens **and** component CSS in `@layer aurea`. A
+consumer's own CSS, written without a layer, therefore wins over the library regardless of
+selector specificity — no `!important`, no specificity hunting.
+
+Tokens are inside the layer with the core, not outside it. A custom property **declaration**
+competes in the cascade like any other: with the tokens outside, the `:root` override that the
+core declares inside a media query lost to the base value, and the sidebar jumped 48px.
+An app that redefines a token in its own unlayered `:root` still wins over both.

package/dist/aurea.tokens.css

@@ -0,0 +1,273 @@
+/* Aurea tokens — generated from aurea.tokens.json (DTCG 2025.10). Do not edit. */
+:root{
+  --brand-yellow:oklch(0.795 0.184 86.047);
+  --brand-yellow-foreground:oklch(0.421 0.095 57.708);
+  --font-ui:"IBM Plex Sans","Segoe UI",sans-serif;
+  --font-editorial:"IBM Plex Serif",Georgia,serif;
+  --font-code:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;
+  --text-xs:0.75rem;
+  --text-sm:0.8125rem;
+  --text-md:0.875rem;
+  --text-base:1rem;
+  --text-lg:1.125rem;
+  --text-xl:1.25rem;
+  --text-2xl:1.5rem;
+  --text-3xl:1.875rem;
+  --text-4xl:2.25rem;
+  --text-5xl:3rem;
+  --leading-tight:1.2;
+  --leading-normal:1.5;
+  --leading-relaxed:1.7;
+  --space-0:0;
+  --space-05:0.125rem;
+  --space-1:0.25rem;
+  --space-2:0.5rem;
+  --space-3:0.75rem;
+  --space-4:1rem;
+  --space-5:1.25rem;
+  --space-6:1.5rem;
+  --space-7:1.75rem;
+  --space-8:2rem;
+  --space-10:2.5rem;
+  --space-12:3rem;
+  --space-16:4rem;
+  --space-20:5rem;
+  --space-24:6rem;
+  --radius-xs:6px;
+  --radius-sm:8px;
+  --radius-md:10px;
+  --radius-lg:16px;
+  --radius-card:22px;
+  --radius-control:999px;
+  --radius-full:var(--radius-control);
+  --border-width:1px;
+  --shadow-md:0 16px 42px rgba(0,0,0,0.28);
+  --shadow-lg:0 28px 80px rgba(0,0,0,0.42);
+  --duration-fast:120ms;
+  --duration-base:180ms;
+  --duration-slow:280ms;
+  --ease-standard:cubic-bezier(0.2,0,0,1);
+  --ease-emphasized:cubic-bezier(0.2,0.8,0.2,1);
+  --z-base:0;
+  --z-sticky:20;
+  --z-dropdown:40;
+  --z-drawer:60;
+  --z-modal:80;
+  --z-toast:100;
+  --sidebar-width:16.5rem;
+  --topbar-height:4rem;
+  --content-max:102.5rem;
+  --breakpoint-sm:640px;
+  --breakpoint-md:768px;
+  --breakpoint-lg:1024px;
+  --breakpoint-xl:1280px;
+  --breakpoint-2xl:1536px;
+  --control-h-xs:1.625rem;
+  --control-h-sm:1.875rem;
+  --control-h-md:2.25rem;
+  --control-h-lg:2.625rem;
+  --control-h-xl:3.125rem;
+  --row-h:3rem;
+  --card-pad:1.25rem;
+  --section-gap:1.5rem;
+  --media-canvas:oklch(0.085 0 0);
+  --media-foreground:oklch(0.985 0 0);
+  --media-muted:oklch(0.74 0 0);
+  --media-scrim:oklch(0 0 0 / 0.82);
+  --media-track:oklch(1 0 0 / 0.18);
+  --media-buffered:oklch(1 0 0 / 0.42);
+  --media-caption-bg:oklch(0 0 0 / 0.82);
+  --media-control-bg:oklch(0 0 0 / 0.52);
+  --media-control-hover:oklch(1 0 0 / 0.14);
+  --text-muted:var(--muted-foreground);
+  --success-400:#42d392;
+  --success-500:#22c875;
+  --success-700:#147a4d;
+  --warning-400:var(--brand-yellow);
+  --warning-500:#d49c00;
+  --warning-800:#6d4d00;
+  --danger-400:#ff7180;
+  --danger-500:#e94b58;
+  --danger-800:#7f2029;
+  --info-400:#8ec5ff;
+  --info-500:#2b7fff;
+  --info-800:#1447e6;
+  --oracle-50:oklch(0.96 0.025 251.813);
+  --oracle-100:oklch(0.9 0.06 251.813);
+  --oracle-200:oklch(0.85 0.09 251.813);
+  --oracle-300:var(--chart-1);
+  --oracle-400:var(--chart-2);
+  --oracle-500:var(--chart-3);
+  --oracle-600:var(--chart-4);
+  --oracle-700:var(--chart-5);
+  --oracle-800:oklch(0.38 0.2 265.638);
+  --oracle-900:oklch(0.31 0.16 265.638);
+  --oracle-950:oklch(0.23 0.11 265.638);
+  --weight-regular:400;
+  --weight-medium:500;
+  --weight-semibold:600;
+  --weight-bold:700;
+  --icon-sm:1rem;
+  --icon-md:1.25rem;
+  --icon-lg:1.5rem;
+  --icon-xl:2rem;
+  --tracking-tight:-0.01em;
+  --tracking-normal:0;
+  --leading-none:1;
+  --target-min:2.75rem;
+  --tracking-wide:0.04em;
+  --tracking-wider:0.06em;
+  --tracking-widest:0.12em;
+}
+[data-theme="dark"]{
+  --background:oklch(0.145 0 0);
+  --foreground:oklch(0.985 0 0);
+  --card:oklch(0.205 0 0);
+  --card-foreground:oklch(0.985 0 0);
+  --popover:oklch(0.205 0 0);
+  --popover-foreground:oklch(0.985 0 0);
+  --primary:var(--brand-yellow);
+  --primary-foreground:var(--brand-yellow-foreground);
+  --secondary:oklch(0.274 0.006 286.033);
+  --secondary-foreground:oklch(0.985 0 0);
+  --muted:oklch(0.269 0 0);
+  --muted-foreground:oklch(0.708 0 0);
+  --accent:oklch(0.269 0 0);
+  --accent-foreground:oklch(0.985 0 0);
+  --destructive:oklch(0.704 0.191 22.216);
+  --destructive-foreground:oklch(0.2 0.02 22);
+  --border:oklch(1 0 0 / 0.1);
+  --input:oklch(1 0 0 / 0.15);
+  --ring:oklch(0.556 0 0);
+  --chart-1:oklch(0.809 0.105 251.813);
+  --chart-2:oklch(0.623 0.214 259.815);
+  --chart-3:oklch(0.546 0.245 262.881);
+  --chart-4:oklch(0.488 0.243 264.376);
+  --chart-5:oklch(0.424 0.199 265.638);
+  --sidebar:oklch(0.205 0 0);
+  --sidebar-foreground:oklch(0.985 0 0);
+  --sidebar-primary:var(--brand-yellow);
+  --sidebar-primary-foreground:var(--brand-yellow-foreground);
+  --sidebar-accent:oklch(0.269 0 0);
+  --sidebar-accent-foreground:oklch(0.985 0 0);
+  --sidebar-border:oklch(1 0 0 / 0.1);
+  --sidebar-ring:oklch(0.556 0 0);
+  --surface-1:var(--card);
+  --surface-2:var(--secondary);
+  --surface-3:var(--muted);
+  --surface-inset:oklch(0.145 0 0);
+  --surface-hover:oklch(0.3 0 0);
+  --foreground-strong:var(--foreground);
+  --subtle-foreground:oklch(0.76 0 0);
+  --border-strong:oklch(0.58 0 0);
+  --field-bg:var(--muted);
+  --overlay:oklch(0 0 0 / 0.74);
+  --primary-hover:oklch(0.835 0.19 89);
+  --primary-active:oklch(0.74 0.17 84);
+  --secondary-hover:oklch(0.31 0.006 286.033);
+  --focus:var(--primary);
+  --focus-strong:var(--primary);
+  --primary-emphasis:var(--primary);
+  --primary-outline:var(--primary);
+  --control-selected:var(--primary);
+  --control-selected-foreground:var(--primary-foreground);
+  --selection:oklch(0.795 0.184 86.047 / 0.22);
+  --success-bg:oklch(0.42 0.11 150 / 0.36);
+  --warning-bg:oklch(0.34 0.08 86 / 0.64);
+  --danger-bg:oklch(0.32 0.1 22 / 0.62);
+  --info-bg:oklch(0.29 0.08 260 / 0.62);
+}
+[data-theme="light"]{
+  --background:oklch(0.965 0 0);
+  --foreground:oklch(0.145 0 0);
+  --card:oklch(1 0 0);
+  --card-foreground:oklch(0.145 0 0);
+  --popover:oklch(1 0 0);
+  --popover-foreground:oklch(0.145 0 0);
+  --primary:var(--brand-yellow);
+  --primary-foreground:var(--brand-yellow-foreground);
+  --secondary:oklch(0.94 0 0);
+  --secondary-foreground:oklch(0.21 0.006 285.885);
+  --muted:var(--secondary);
+  --muted-foreground:oklch(0.43 0 0);
+  --accent:var(--secondary);
+  --accent-foreground:oklch(0.205 0 0);
+  --destructive:oklch(0.577 0.245 27.325);
+  --destructive-foreground:oklch(0.985 0 0);
+  --border:oklch(0.89 0 0);
+  --input:oklch(0.922 0 0);
+  --ring:oklch(0.708 0 0);
+  --chart-1:oklch(0.809 0.105 251.813);
+  --chart-2:oklch(0.623 0.214 259.815);
+  --chart-3:oklch(0.546 0.245 262.881);
+  --chart-4:oklch(0.488 0.243 264.376);
+  --chart-5:oklch(0.424 0.199 265.638);
+  --sidebar:var(--card);
+  --sidebar-foreground:oklch(0.145 0 0);
+  --sidebar-primary:var(--brand-yellow);
+  --sidebar-primary-foreground:var(--brand-yellow-foreground);
+  --sidebar-accent:var(--secondary);
+  --sidebar-accent-foreground:oklch(0.205 0 0);
+  --sidebar-border:oklch(0.89 0 0);
+  --sidebar-ring:oklch(0.708 0 0);
+  --surface-1:var(--card);
+  --surface-2:var(--secondary);
+  --surface-3:var(--muted);
+  --surface-inset:oklch(0.955 0 0);
+  --surface-hover:oklch(0.925 0 0);
+  --foreground-strong:var(--foreground);
+  --subtle-foreground:oklch(0.43 0 0);
+  --border-strong:oklch(0.56 0 0);
+  --field-bg:var(--muted);
+  --overlay:oklch(0.145 0 0 / 0.4);
+  --primary-hover:oklch(0.835 0.19 89);
+  --primary-active:oklch(0.74 0.17 84);
+  --secondary-hover:var(--surface-hover);
+  --focus:var(--primary);
+  --focus-strong:var(--brand-yellow-foreground);
+  --primary-emphasis:var(--brand-yellow-foreground);
+  --primary-outline:var(--brand-yellow-foreground);
+  --control-selected:var(--brand-yellow-foreground);
+  --control-selected-foreground:oklch(0.985 0 0);
+  --success-400:#0f6b3e;
+  --warning-400:#6d4d00;
+  --danger-400:#9f2330;
+  --info-400:#164f9d;
+  --oracle-300:var(--chart-4);
+  --oracle-400:var(--chart-4);
+  --selection:oklch(0.795 0.184 86.047 / 0.18);
+  --success-bg:oklch(0.94 0.05 150);
+  --warning-bg:oklch(0.95 0.06 86);
+  --danger-bg:oklch(0.95 0.05 22);
+  --info-bg:oklch(0.95 0.045 260);
+}
+[data-density="compact"]{
+  --control-h-xs:1.5rem;
+  --control-h-sm:1.75rem;
+  --control-h-md:2rem;
+  --control-h-lg:2.375rem;
+  --control-h-xl:2.75rem;
+  --row-h:2.625rem;
+  --card-pad:1rem;
+  --section-gap:1.125rem;
+}
+[data-density="comfortable"]{
+  --control-h-xs:1.625rem;
+  --control-h-sm:1.875rem;
+  --control-h-md:2.25rem;
+  --control-h-lg:2.625rem;
+  --control-h-xl:3.125rem;
+  --row-h:3rem;
+  --card-pad:1.25rem;
+  --section-gap:1.5rem;
+}
+[data-density="spacious"]{
+  --control-h-xs:1.75rem;
+  --control-h-sm:2.125rem;
+  --control-h-md:2.5rem;
+  --control-h-lg:3rem;
+  --control-h-xl:3.5rem;
+  --row-h:3.375rem;
+  --card-pad:1.5rem;
+  --section-gap:2rem;
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@aurea-uds/tokens",
+  "version": "0.1.0",
+  "description": "Design tokens for Aurea UDS: the DTCG source and the CSS custom properties generated from it.",
+  "keywords": ["aurea", "design-system", "design-tokens", "dtcg"],
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/victor1mor/aurea-uds.git",
+    "directory": "packages/tokens"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "exports": {
+    "./css": "./dist/aurea.tokens.css",
+    "./json": "./src/aurea.tokens.json"
+  }
+}