@cyberskill/design 2.3.1 → 2.5.0

package/tokens/tokens.json

@@ -1,13 +1,13 @@
 {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.3.1",
+    "version": "2.5.0",
     "generated": "2026-07-23",
     "note": "Generated from tokens/*.css. Root grouped by category; theme/element scopes carry overrides only. Regenerate after any token change (see docs/conventions.md).",
     "declarationGraph": {
       "path": "declarations.json",
       "schemaVersion": 1,
-      "sha256": "8ef0bad7dedb4666ba04f4f55a30350a76108bfed83848b30587bb9b23256830",
+      "sha256": "5d4246a9e0c35a9edacef8681b0b6c06da4522112e7663c8c1fd739091dc4521",
       "declarations": 1080,
       "publicDeclarations": 397,
       "publicNames": 216,

package/tokens/variables.css

@@ -1177,10 +1177,10 @@
 }
 /* Source: base/shell.css */
 /* Source: base/glass.css */
-:root {
+:root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast] {
   --_cs-border-subtle: color-mix(in oklab, var(--cs-color-border-default, #e7d9c6) 76%, transparent);
   --_cs-border-strong: color-mix(in oklab, var(--cs-color-border-default, #e7d9c6) 65%, var(--cs-color-text-primary, #45210e));
-  --_cs-surface-scrim: color-mix(in oklab, var(--cs-color-brand-umber, #45210e) 52%, transparent);
+  --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, var(--cs-color-surface-page, #fffdf8) 25%, #050403) 68%, transparent);
   --cs-glass-whisper-bg: color-mix(in oklab, var(--cs-color-surface-page, #fffdf8) var(--cs-glass-whisper-opacity, 60%), transparent);
   --cs-glass-whisper-border: transparent;
   --cs-glass-light-bg: color-mix(in oklab, var(--cs-color-surface-panel, #fff) var(--cs-glass-light-opacity, 70%), transparent);

package/ui_kits/deck/index.html

@@ -31,7 +31,7 @@
   .sl-center { justify-content: center; }
   .eyebrow { font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--cs-color-brand-ochre); }
   .eyebrow-dark { color: var(--cs-color-text-accent); }
-  .display { font-size: 108px; font-weight: 800; letter-spacing: -.02em; line-height: 1.02; color: var(--cs-color-brand-ochre); margin: 22px 0 12px; }
+  .display { font-size: 108px; font-weight: 800; letter-spacing: -.02em; line-height: 1.12; color: var(--cs-color-brand-ochre); margin: 22px 0 12px; }
   .h2 { font-size: 68px; font-weight: 800; letter-spacing: -.02em; margin: 14px 0 40px; }
   .vn { font-size: 34px; font-weight: 600; opacity: .9; }
   .lockup { display: flex; align-items: center; gap: 20px; }