{ "_meta": { "generated_by": "scripts/gen-api-index.js", "description": "Unified machine-readable index of every SLASHED design token and class, with categories, descriptions, stability tiers and bundle membership. Generated from source — do not edit by hand (run: npm run docs:api).", "token_sources": [ "core/tokens.css", "core/tokens.layout.css", "core/tokens.macros.css", "optional/tokens.components.css" ], "class_sources": [ "core/layout.css", "core/macros.css", "core/states.css", "core/accessibility.css", "core/motion.css", "core/print.css", "core/themes.css", "optional/forms.css", "optional/components.css", "optional/utilities.css" ], "bundles": [ "full", "optimal" ], "counts": { "total": 1069, "by_type": { "class": 328, "token": 741 }, "by_tier": { "INTERNAL": 1, "PUBLIC": 1019, "PUBLIC-ADVANCED": 49 }, "by_role": { "consumption": 488, "knob": 253 }, "tokens": 741, "classes": 328, "sf_classes": 305, "is_classes": 15, "unprefixed_classes": 8, "by_category": { "Accessibility": 9, "Component tokens": 46, "Components": 30, "Core tokens": 610, "Forms": 1, "Layout primitives": 146, "Layout tokens": 53, "Macro classes": 51, "Macro tokens": 32, "Motion / animation": 22, "Print": 4, "State classes": 15, "Theme utilities": 3, "Utilities": 47 } }, "schema": { "name": "Element identifier (token custom-property name incl. leading --, or class name without leading dot).", "type": "Either 'token' or 'class'.", "tier": "Stability tier: PUBLIC | PUBLIC-ADVANCED | INTERNAL (see docs/architecture.md).", "role": "TOKEN: 'knob' (input you set — a literal primitive) or 'consumption' (output you read — derived from other tokens via var(--sf-…)). Orthogonal to tier; no SemVer meaning.", "category": "High-level, human-facing area derived from the source file.", "area": "Short machine slug for the area (core, layout, macros, states, forms, …).", "group": "Finer-grained section, derived from the nearest section-banner comment in source.", "description": "Documentation hint derived from section-banner / attached comments (may be empty).", "sourceFiles": "Array of source CSS files that declare the element.", "layer": "The CSS @layer the element lives in (e.g. slashed.layout).", "bundles": "Array of bundle tiers that ship the element (optimal, full).", "optional": "True when the element ships from optional/ (not core).", "namespace": "TOKEN: second name segment, a filterable facet (color, space, font, radius, shadow, …).", "value": "TOKEN: default/declared value (last declaration wins; @property initial-value when registered).", "aliasOf": "TOKEN: target token when value is exactly one var(--sf-x) reference, else null.", "registered": "TOKEN: declared via @property (typed registration).", "animatable": "TOKEN: animatable/transition-able (true for @property-registered tokens).", "syntax": "TOKEN: @property syntax descriptor (e.g. ), else null.", "inherits": "TOKEN: @property inherits flag, else null.", "selector": "CLASS: the CSS selector form (.name).", "prefix": "CLASS: 'sf' | 'sf-is' | '' (unprefixed).", "kind": "CLASS: element family (layout, macro, state, accessibility, motion, print, form, component, theme).", "isVariant": "CLASS: true when it is a BEM modifier (contains --).", "baseClass": "CLASS: the base class name when isVariant, else null." } }, "entries": [ { "name": "--sf-alternate-gap", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "alternate", "category": "Layout tokens", "area": "layout", "group": "Alternate (zigzag)", "description": "Gap between items in the alternating zigzag layout.", "value": "var(--sf-content-gap)", "aliasOf": "--sf-content-gap", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-alternate-inner-gap", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "alternate", "category": "Layout tokens", "area": "layout", "group": "Alternate (zigzag)", "description": "Gap between content and media within each zigzag item.", "value": "var(--sf-gap)", "aliasOf": "--sf-gap", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-blink", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Blinking visibility loop. Use for cursor indicators or critical attention cues. Respect prefers-reduced-motion.", "value": "sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-color-pulse", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Pulsing color loop. Use for live-status badges (recording, live). Respect prefers-reduced-motion.", "value": "sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-fade-in", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Fade-in entrance animation shorthand. Use directly as animation property value.", "value": "sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-fade-out", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Fade-out exit animation shorthand.", "value": "sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-float", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Gentle floating / levitating loop. Use for hero illustrations or floating UI elements. Decorative — disable for prefers-reduced-motion.", "value": "sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-ping", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Expanding ping / ripple loop. Use for notification badges and live-indicator dots.", "value": "sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-scale-down", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Scale-down exit animation. Pairs with --sf-animation-scale-up for enter/leave transitions.", "value": "sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-scale-up", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Scale-up entrance animation. Use for modals, popovers, and tooltips appearing.", "value": "sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-shimmer", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Shimmer / skeleton-loading sweep. Apply on placeholder elements while content loads.", "value": "sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-in-down", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Slide-in from above. Use for dropdown menus and top-attached sheets.", "value": "sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-in-left", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Slide-in from the left. Use for left-side drawers and navigation panels.", "value": "sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-in-right", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Slide-in from the right. Use for right-side drawers and detail panels.", "value": "sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-in-up", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Slide-in from below. Use for bottom sheets, toasts, and floating action buttons.", "value": "sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-out-down", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Ready-made animation shorthand: slides the element out downward (sf-slide-out-down) at the normal duration with ease-in.", "value": "sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-out-left", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Ready-made animation shorthand: slides the element out to the left (sf-slide-out-left) at the normal duration with ease-in.", "value": "sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-out-right", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Ready-made animation shorthand: slides the element out to the right (sf-slide-out-right) at the normal duration with ease-in.", "value": "sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-slide-out-up", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Ready-made animation shorthand: slides the element out upward (sf-slide-out-up) at the normal duration with ease-in.", "value": "sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-animation-spin", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "animation", "category": "Core tokens", "area": "core", "group": "Animation presets", "description": "Continuous rotation loop. Use for loading spinners and progress indicators.", "value": "sf-spin var(--sf-duration-slower) linear infinite", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-aspect", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "aspect", "category": "Macro tokens", "area": "macros", "group": "Aspect ratio", "description": "Aspect ratio value for the .aspect-ratio macro.", "value": "16 / 9", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.macros.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bento-cols-default", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bento", "category": "Layout tokens", "area": "layout", "group": "Bento grid", "description": "Default column count for the bento grid.", "value": "4", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bento-gap", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "bento", "category": "Layout tokens", "area": "layout", "group": "Bento grid", "description": "Gap between bento grid cells.", "value": "var(--sf-gap)", "aliasOf": "--sf-gap", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bento-row-compact", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bento", "category": "Layout tokens", "area": "layout", "group": "Bento grid", "description": "Row height for compact-variant bento items.", "value": "6rem", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bento-row-default", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bento", "category": "Layout tokens", "area": "layout", "group": "Bento grid", "description": "Default row height for standard bento grid cells.", "value": "10rem", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bento-row-tall", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bento", "category": "Layout tokens", "area": "layout", "group": "Bento grid", "description": "Tall row height for visually prominent or hero bento cells.", "value": "16rem", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bg-layer-fit", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bg", "category": "Layout tokens", "area": "layout", "group": "Background layer (.sf-bg-layer)", "description": "object-fit applied to .sf-bg-layer when used as a bare media element, and to .sf-bg-layer > img / video / picture children. Defaults to cover.", "value": "cover", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bg-layer-inset", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bg", "category": "Layout tokens", "area": "layout", "group": "Background layer (.sf-bg-layer)", "description": "Inset from every edge of the parent. A single length applied uniformly; the layer size is derived from it so a non-zero inset still fills correctly.", "value": "0px", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bg-layer-position", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bg", "category": "Layout tokens", "area": "layout", "group": "Background layer (.sf-bg-layer)", "description": "object-position controlling where the media is anchored within the layer. Defaults to center (50% 50%).", "value": "50% 50%", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bg-layer-radius", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bg", "category": "Layout tokens", "area": "layout", "group": "Background layer (.sf-bg-layer)", "description": "border-radius applied to the .sf-bg-layer layer and its img/video/picture children. Defaults to 0; set to match the parent's radius when clipping is needed.", "value": "0", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-bg-layer-z", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "bg", "category": "Layout tokens", "area": "layout", "group": "Background layer (.sf-bg-layer)", "description": "z-index of the background layer. Defaults to -2 so it sits behind sibling content but above the parent's own background.", "value": "-2", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-blur", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "blur", "category": "Core tokens", "area": "core", "group": "Blur & opacity", "description": "Backdrop-filter blur amount for frosted-glass surfaces (navbars, overlays, dialogs). Default 12px. Pair with a semi-transparent background.", "value": "12px", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-color", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "Text color for body copy. Alias of --sf-color-text. Override here to deviate body text from the global text color.", "value": "var(--sf-color-text)", "aliasOf": "--sf-color-text", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-em-style", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "font-style for inside body text (italic by default). Override to suppress italics if your typeface has no italic variant.", "value": "italic", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-font-family", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "Font family for body text. Alias of --sf-font-body.", "value": "var(--sf-font-body)", "aliasOf": "--sf-font-body", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-font-size", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "Base font size for body paragraphs. Alias of --sf-text-m.", "value": "var(--sf-text-m)", "aliasOf": "--sf-text-m", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-font-weight", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "Font weight for body text. Alias of --sf-font-weight-body.", "value": "var(--sf-font-weight-body)", "aliasOf": "--sf-font-weight-body", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-line-height", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "Line height for body paragraphs. Alias of --sf-leading-normal.", "value": "var(--sf-leading-normal)", "aliasOf": "--sf-leading-normal", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-strong-weight", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "Font weight for inside body text. Override to choose a specific weight instead of inheriting bold.", "value": "var(--sf-font-weight-strong)", "aliasOf": "--sf-font-weight-strong", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-body-text-wrap", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "body", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "text-wrap mode for body paragraphs. 'pretty' prevents orphaned last words; 'balance' equalises line lengths.", "value": "pretty", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border shorthands", "description": "Default border shorthand (width + solid + color). Apply directly to border property.", "value": "var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border)", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-scale", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border widths", "description": "Global border-width multiplier. Set to 0 for borderless UI; 0.5 for hairline-only; 2 to double all border widths across the system.", "value": "1", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-strong", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border shorthands", "description": "Strong-emphasis border shorthand.", "value": "var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong)", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-style", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border style", "description": "Global border-style default applied across all border tokens.", "value": "solid", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-subtle", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border shorthands", "description": "Low-contrast subtle border shorthand.", "value": "var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle)", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-width-1", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border widths", "description": "Standard 1px border width.", "value": "calc(1px * var(--sf-border-scale, 1))", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-width-2", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border widths", "description": "Medium 2px border width. Common for focus outlines.", "value": "calc(2px * var(--sf-border-scale, 1))", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-width-3", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border widths", "description": "Thick 3px border width.", "value": "calc(3px * var(--sf-border-scale, 1))", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-width-4", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border widths", "description": "Extra-thick 4px border width for decorative borders.", "value": "calc(4px * var(--sf-border-scale, 1))", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-border-width-hairline", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "border", "category": "Core tokens", "area": "core", "group": "Border widths", "description": "1px border width (hairline).", "value": "0.5px", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-box-border-color", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "box", "category": "Layout tokens", "area": "layout", "group": "Box", "description": "Border color for the box layout primitive.", "value": "var(--sf-color-border)", "aliasOf": "--sf-color-border", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-box-border-width", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "box", "category": "Layout tokens", "area": "layout", "group": "Box", "description": "Border width for the box layout primitive.", "value": "0", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-box-padding", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "box", "category": "Layout tokens", "area": "layout", "group": "Box", "description": "Inner padding for the box layout primitive.", "value": "var(--sf-space-m)", "aliasOf": "--sf-space-m", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-breakout-width", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "breakout", "category": "Layout tokens", "area": "layout", "group": "Content grid (breakout pattern)", "description": "Width of full-bleed breakout elements inside a content grid.", "value": "var(--sf-container-wide)", "aliasOf": "--sf-container-wide", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-btn-border-width", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Border thickness for .sf-btn (used by all fill, outline, and secondary treatments).", "value": "var(--sf-border-width-1)", "aliasOf": "--sf-border-width-1", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-font-scale", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Uniform label-size multiplier for .sf-btn — scales every size's font-size by one factor while keeping the xs…xl ladder intact. The everyday 'bigger/smaller button text' knob.", "value": "1", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-font-size", "type": "token", "tier": "PUBLIC-ADVANCED", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Flatten-all label font-size for .sf-btn — once set it overrides every size (--xs/--s/--l/--xl) to the same value. For proportional sizing use --sf-btn-font-scale; to retune a single rung use --sf-btn-{size}-font-size.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-font-weight", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Label font-weight for .sf-btn. Defaults to the interactive weight.", "value": "var(--sf-font-weight-interactive)", "aliasOf": "--sf-font-weight-interactive", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-gap", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Gap between an icon and the label inside .sf-btn.", "value": "var(--sf-space-2xs)", "aliasOf": "--sf-space-2xs", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-l-font-size", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Label font-size for the large button (.sf-btn--l). Unset, falls through to --sf-text-l; set to retune this rung without touching the others.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-l-min-height", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Minimum target height for the large button (.sf-btn--l). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-l-padding-block", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Vertical (block) padding for the large button (.sf-btn--l). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-l-padding-inline", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Horizontal (inline) padding for the large button (.sf-btn--l). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-m-font-size", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Label font-size for the default (medium) button (.sf-btn). Unset, falls through to --sf-text-m; set to retune this rung without touching the others.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-m-min-height", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Minimum target height for the default (medium) button (.sf-btn). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-m-padding-block", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Vertical (block) padding for the default (medium) button (.sf-btn). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-m-padding-inline", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Horizontal (inline) padding for the default (medium) button (.sf-btn). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-min-height", "type": "token", "tier": "PUBLIC-ADVANCED", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Flatten-all minimum target height for .sf-btn — once set it overrides every size to the same value. For per-rung control use --sf-btn-{size}-min-height.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-padding-block", "type": "token", "tier": "PUBLIC-ADVANCED", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Flatten-all vertical (block) padding for .sf-btn — once set it overrides every size to the same value. For per-rung control use --sf-btn-{size}-padding-block.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-padding-inline", "type": "token", "tier": "PUBLIC-ADVANCED", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Flatten-all horizontal (inline) padding for .sf-btn — once set it overrides every size to the same value. For per-rung control use --sf-btn-{size}-padding-inline.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-radius", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Corner radius for .sf-btn. Defaults to --sf-radius-m; gives buttons a distinct radius from form fields without touching global tokens.", "value": "var(--sf-radius-m)", "aliasOf": "--sf-radius-m", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-s-font-size", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Label font-size for the small button (.sf-btn--s). Unset, falls through to --sf-text-s; set to retune this rung without touching the others.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-s-min-height", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Minimum target height for the small button (.sf-btn--s). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-s-padding-block", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Vertical (block) padding for the small button (.sf-btn--s). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-s-padding-inline", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Horizontal (inline) padding for the small button (.sf-btn--s). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xl-font-size", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Label font-size for the extra-large button (.sf-btn--xl). Unset, falls through to --sf-text-xl; set to retune this rung without touching the others.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xl-min-height", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Minimum target height for the extra-large button (.sf-btn--xl). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xl-padding-block", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Vertical (block) padding for the extra-large button (.sf-btn--xl). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xl-padding-inline", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Horizontal (inline) padding for the extra-large button (.sf-btn--xl). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xs-font-size", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Label font-size for the extra-small button (.sf-btn--xs). Unset, falls through to --sf-text-xs; set to retune this rung without touching the others.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xs-min-height", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Minimum target height for the extra-small button (.sf-btn--xs). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xs-padding-block", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Vertical (block) padding for the extra-small button (.sf-btn--xs). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-btn-xs-padding-inline", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "btn", "category": "Component tokens", "area": "components", "group": "BUTTON TOKENS", "description": "Horizontal (inline) padding for the extra-small button (.sf-btn--xs). Unset, falls through to that rung's scale default; set to retune this rung alone.", "value": "initial", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-avatar-size", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Diameter of .sf-card__avatar. Defaults to 2.5rem.", "value": "2.5rem", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-bg", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Background surface for .sf-card. Defaults to --sf-color-surface.", "value": "var(--sf-color-surface)", "aliasOf": "--sf-color-surface", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-border-color", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Border colour for .sf-card. Defaults to --sf-color-border.", "value": "var(--sf-color-border)", "aliasOf": "--sf-color-border", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-border-width", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Border thickness for .sf-card.", "value": "var(--sf-border-width-1)", "aliasOf": "--sf-border-width-1", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-gap", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Divider spacing for .sf-card__header / __footer (padding + margin around the rule).", "value": "var(--sf-space-m)", "aliasOf": "--sf-space-m", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-heading-size", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Font-size for .sf-card__title. Defaults to --sf-text-xl.", "value": "var(--sf-text-xl)", "aliasOf": "--sf-text-xl", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-media-radius", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Corner radius for .sf-card__media. Mirrors the card's inner radius by default.", "value": "var(--sf-card-radius, var(--sf-radius-m))", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-media-ratio", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Aspect ratio for .sf-card__media. Defaults to --sf-ratio-video (16/9).", "value": "var(--sf-ratio-video)", "aliasOf": "--sf-ratio-video", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-padding", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Inner padding for .sf-card. Also feeds the concentric-radius math (outer = inner radius + padding).", "value": "var(--sf-space-l)", "aliasOf": "--sf-space-l", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-radius", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Inner radius for .sf-card children such as __media. Combined with padding to derive the outer radius.", "value": "var(--sf-radius-m)", "aliasOf": "--sf-radius-m", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-radius-outer", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Outer corner radius of .sf-card. Concentric with the inner radius: calc(--sf-card-radius + --sf-card-padding).", "value": "calc(var(--sf-card-radius) + var(--sf-card-padding))", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-shadow", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Base drop shadow for .sf-card. Defaults to --sf-shadow-s.", "value": "var(--sf-shadow-s)", "aliasOf": "--sf-shadow-s", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-shadow--elevated", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Drop shadow applied by the .sf-card--elevated modifier (border hidden, larger shadow).", "value": "var(--sf-shadow-l)", "aliasOf": "--sf-shadow-l", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-card-shadow--hover", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "card", "category": "Component tokens", "area": "components", "group": "CARD TOKENS", "description": "Drop shadow applied on hover/focus by the .sf-card--interactive modifier.", "value": "var(--sf-shadow-l)", "aliasOf": "--sf-shadow-l", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": true, "layer": "slashed.tokens", "sourceFiles": [ "optional/tokens.components.css" ], "bundles": [ "full" ] }, { "name": "--sf-caret-color", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "caret", "category": "Core tokens", "area": "core", "group": "Focus / form colors", "description": "Cursor caret color inside text inputs and contenteditable elements.", "value": "var(--sf-color-action)", "aliasOf": "--sf-color-action", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-center-gutter", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "center", "category": "Layout tokens", "area": "layout", "group": "Center", "description": "Minimum side gutter for the center layout.", "value": "var(--sf-gutter)", "aliasOf": "--sf-gutter", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-center-max", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "center", "category": "Layout tokens", "area": "layout", "group": "Center", "description": "Maximum width for the center layout.", "value": "var(--sf-container-default)", "aliasOf": "--sf-container-default", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-cluster-align", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "cluster", "category": "Layout tokens", "area": "layout", "group": "Cluster", "description": "Vertical alignment of cluster items (align-items value).", "value": "center", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-cluster-gap", "type": "token", "tier": "PUBLIC", "role": "consumption", "namespace": "cluster", "category": "Layout tokens", "area": "layout", "group": "Cluster", "description": "Gap between wrapped inline items in the cluster layout.", "value": "var(--sf-gap)", "aliasOf": "--sf-gap", "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-cluster-justify", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "cluster", "category": "Layout tokens", "area": "layout", "group": "Cluster", "description": "Horizontal justification of the cluster (justify-content value).", "value": "flex-start", "aliasOf": null, "registered": false, "animatable": false, "syntax": null, "inherits": null, "optional": false, "layer": "slashed.tokens", "sourceFiles": [ "core/tokens.layout.css" ], "bundles": [ "full", "optimal" ] }, { "name": "--sf-code-font-size", "type": "token", "tier": "PUBLIC", "role": "knob", "namespace": "code", "category": "Core tokens", "area": "core", "group": "TYPOGRAPHY ALIASES", "description": "Font size for inline and 
. Usually slightly smaller than body text so monospace doesn't feel oversized.",
      "value": "0.875em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Primary interactive color. Applied to filled buttons, active indicators, and brand accent surfaces.",
      "value": "light-dark(var(--sf-color-action-source-light), var(--sf-color-action-source-dark, oklch(from var(--sf-color-action-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Action color at pressed/active brightness.",
      "value": "var(--sf-color-action-xdark)",
      "aliasOf": "--sf-color-action-xdark",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Action color at hover brightness.",
      "value": "var(--sf-color-action-darker)",
      "aliasOf": "--sf-color-action-darker",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-100",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Very light action shade. Hover fills on white surfaces, badge backgrounds.",
      "value": "oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.88)) calc(c * 0.3) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-200",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Light action shade. Subtle fills and outlined badge backgrounds.",
      "value": "oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.72)) calc(c * 0.5) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-300",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Light-mid action shade. Borders on light backgrounds, low-emphasis fills.",
      "value": "oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.52)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-400",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Mid-light action shade. Disabled state fills, decorative accents.",
      "value": "oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.3)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Lightest action tint. Background fill for subtle action-tinted surfaces.",
      "value": "oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.95)) calc(c * 0.2) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-500",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Mid action shade — the 'pure' hue. Accessible on both light and dark backgrounds.",
      "value": "var(--sf-color-action)",
      "aliasOf": "--sf-color-action",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-600",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Mid-dark action shade. Text on light surfaces, icon fills.",
      "value": "oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.16)) calc(c * 0.96) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-700",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Dark action shade. Strong text and icon fills on light backgrounds.",
      "value": "oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.36)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-800",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Very dark action shade. High-contrast text on white.",
      "value": "oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.58)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-900",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Near-black action shade. Extreme contrast on white surfaces.",
      "value": "oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.78)) calc(c * 0.52) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-950",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Darkest action tint. Near-black for dark-theme surface accents.",
      "value": "oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.9)) calc(c * 0.38) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-a10",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "10% opacity action tint. Subtle hover or selected-row background.",
      "value": "oklch(from var(--sf-color-action) l c h / 0.10)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-a30",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "30% opacity action tint.",
      "value": "oklch(from var(--sf-color-action) l c h / 0.30)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-a5",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "5% opacity action tint. Barely-there hover highlight.",
      "value": "oklch(from var(--sf-color-action) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-a50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "50% opacity action tint. Mid-transparency badge or overlay.",
      "value": "oklch(from var(--sf-color-action) l c h / 0.50)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-a80",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "80% opacity action tint.",
      "value": "oklch(from var(--sf-color-action) l c h / 0.80)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-darker",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Deep action shade for high-contrast contexts.",
      "value": "var(--sf-color-action-600)",
      "aliasOf": "--sf-color-action-600",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-lighter",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Light action shade for soft accents.",
      "value": "var(--sf-color-action-400)",
      "aliasOf": "--sf-color-action-400",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Medium action fill — outlined button hover backgrounds.",
      "value": "var(--sf-color-action-a30)",
      "aliasOf": "--sf-color-action-a30",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-action. Enables smooth CSS transitions when toggling between light and dark mode; without  registration the browser cannot interpolate and transitions snap at 50%.",
      "value": "oklch(0.70 0.198 235)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "BRAND COLORS (-source-light source tokens, animatable)",
      "description": "OKLCH lightness source for the action color. Animate this to smoothly transition between light and dark brand themes.",
      "value": "oklch(0.50 0.22 235)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Lightest action tint — selected rows, active nav, chips.",
      "value": "var(--sf-color-action-a10)",
      "aliasOf": "--sf-color-action-a10",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-superdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Near-black action shade for maximum contrast on light surfaces.",
      "value": "var(--sf-color-action-950)",
      "aliasOf": "--sf-color-action-950",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-superlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Near-white action shade for maximum contrast on dark surfaces.",
      "value": "var(--sf-color-action-50)",
      "aliasOf": "--sf-color-action-50",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Near-transparent action tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "var(--sf-color-action-a5)",
      "aliasOf": "--sf-color-action-a5",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-xdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Extra-dark action shade.",
      "value": "var(--sf-color-action-800)",
      "aliasOf": "--sf-color-action-800",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-action-xlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "action",
      "description": "Extra-light action shade.",
      "value": "var(--sf-color-action-200)",
      "aliasOf": "--sf-color-action-200",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Mode-adaptive base surface color. Drives the page canvas and the surface elevation family; not an interactive/brand role.",
      "value": "light-dark(var(--sf-color-base-source-light), var(--sf-color-base-source-dark, oklch(from var(--sf-color-base-source-light) clamp(0.16, calc(1.18 - l), 0.24) calc(c * 0.5) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Pressed/active surface derived from --sf-color-base for subtle background interactions.",
      "value": "oklch(from var(--sf-color-base) clamp(0.01, calc(l - 0.08 + var(--sf-is-dark) * 0.16), 0.99) c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Hover-state surface derived from --sf-color-base for subtle background interactions.",
      "value": "oklch(from var(--sf-color-base) clamp(0.01, calc(l - 0.04 + var(--sf-is-dark) * 0.08), 0.99) c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-100",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Very light base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.94 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-200",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Light base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.88 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-300",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Light-mid base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.78 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-400",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Mid-light base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.65 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Lightest base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.97 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-500",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Mid base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.50 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-600",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Mid-dark base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.37 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-700",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Dark base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.27 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-800",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Very dark base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.17 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-900",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Near-black base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.11 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-950",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Darkest base-surface level.",
      "value": "oklch(from var(--sf-color-base) 0.06 c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-a10",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "10% opacity base-surface tint.",
      "value": "oklch(from var(--sf-color-base) l c h / 0.10)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-a30",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "30% opacity base-surface tint.",
      "value": "oklch(from var(--sf-color-base) l c h / 0.30)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-a5",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "5% opacity base-surface tint.",
      "value": "oklch(from var(--sf-color-base) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-a50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "50% opacity base-surface tint.",
      "value": "oklch(from var(--sf-color-base) l c h / 0.50)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-a80",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "80% opacity base-surface tint.",
      "value": "oklch(from var(--sf-color-base) l c h / 0.80)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Medium base-surface fill for muted containers or overlays.",
      "value": "var(--sf-color-base-a30)",
      "aliasOf": "--sf-color-base-a30",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-base. Keep near-black for dark-mode surfaces and elevation offsets.",
      "value": "oklch(0.22 0.003 250)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "BRAND COLORS (-source-light source tokens, animatable)",
      "description": "OKLCH source color for the light-mode base surface. Keep near-white so --sf-color-bg, --sf-color-surface, and raised/inset levels have room to separate.",
      "value": "oklch(0.96 0.006 250)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Subtle base-surface tint for low-emphasis backgrounds.",
      "value": "var(--sf-color-base-a10)",
      "aliasOf": "--sf-color-base-a10",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-base-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "base",
      "description": "Near-transparent base-surface tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "var(--sf-color-base-a5)",
      "aliasOf": "--sf-color-base-a5",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-bg",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Surfaces",
      "description": "Base page / component background. The canvas all other surfaces layer on top of.",
      "value": "oklch(from var(--sf-color-base) calc(l + 0.02) c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-bg--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Interactive states",
      "description": "Background tint for pressed/active interactive elements.",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.12)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-bg--disabled",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Interactive states",
      "description": "Background for disabled interactive elements.",
      "value": "var(--sf-color-inset)",
      "aliasOf": "--sf-color-inset",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-bg--focus",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Interactive states",
      "description": "Background tint for focused interactive elements.",
      "value": "oklch(from var(--sf-color-action) l c h / 0.06)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-bg--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Interactive states",
      "description": "Background tint for hovered interactive elements (rows, list items, etc.).",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.08)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-bg--selected",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Interactive states",
      "description": "Background for selected items (checked rows, active nav links).",
      "value": "oklch(from var(--sf-color-action) l c h / 0.1)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-black",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection & backdrop",
      "description": "Absolute black reference value.",
      "value": "oklch(0% 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-border",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Borders",
      "description": "Default border for dividers and component edges.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.70, calc(l + 0.35), 0.95) 0.005 h), oklch(from var(--sf-color-neutral) clamp(0.25, calc(l - 0.3), 0.55) 0.005 h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-border--disabled",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Border alpha tokens",
      "description": "Semi-transparent border for disabled element edges.",
      "value": "oklch(from var(--sf-color-border--subtle) l 0 h / 0.5)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-border--focus",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Borders",
      "description": "Focus indicator border, used alongside --sf-focus-ring-color.",
      "value": "var(--sf-color-action)",
      "aliasOf": "--sf-color-action",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-border--strong",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Borders",
      "description": "Stronger border for visually prominent edges and active outlines.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.55, calc(l + 0.1), 0.85) 0.02 h), oklch(from var(--sf-color-neutral) clamp(0.38, calc(l - 0.1), 0.65) 0.02 h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-border--subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Borders",
      "description": "Low-contrast border for subtle separation without strong visual weight.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.75, calc(l + 0.4), 0.97) 0.005 h), oklch(from var(--sf-color-neutral) clamp(0.20, calc(l - 0.38), 0.45) 0.005 h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-border--translucent",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Border alpha tokens",
      "description": "Translucent border for glass-morphism and frosted surfaces.",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.15)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-code-bg",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Interactive states",
      "description": "Background for inline  elements. Usually a subtle tint of the inset surface.",
      "value": "var(--sf-color-inset)",
      "aliasOf": "--sf-color-inset",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-code-text",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Text color for inline code and monospace preformatted text.",
      "value": "oklch(from var(--sf-color-code-bg) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-danger",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Destructive / danger state color. Used for delete actions, error alerts, and critical warnings.",
      "value": "light-dark(var(--sf-color-danger-source-light), var(--sf-color-danger-source-dark, oklch(from var(--sf-color-danger-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-danger-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Medium danger fill for icon backgrounds and badge fills.",
      "value": "oklch(from var(--sf-color-danger) l c h / 0.3)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-danger-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-danger.",
      "value": "oklch(0.71 0.198 12)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-danger-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "STATUS COLORS (-source-light source tokens)",
      "description": "OKLCH lightness source for the danger status color (covers destructive actions and form validation errors).",
      "value": "oklch(0.48 0.22 12)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-danger-strong",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "High-contrast danger color for alert body text and icons.",
      "value": "light-dark( oklch(from var(--sf-color-danger-source-light) calc(l - 0.1) c h), oklch(from var(--sf-color-danger) clamp(0.70, calc(l + 0.15), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-danger-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Light danger tint for error row backgrounds and alert container fills.",
      "value": "oklch(from var(--sf-color-danger) l c h / 0.12)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-danger-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Near-transparent danger tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "oklch(from var(--sf-color-danger) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-dim",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection & backdrop",
      "description": "Backdrop overlay color for modals, drawers, and lightboxes.",
      "value": "oklch(0 0 0 / 0.5)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-heading",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text",
      "description": "Heading text color. Slightly stronger contrast than body text for visual hierarchy.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.05, calc(l - 0.4 - var(--sf-contrast-bias)), 0.35) c h), oklch(from var(--sf-color-neutral) clamp(0.70, calc(l + 0.25 + var(--sf-contrast-bias)), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-info",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Informational color for neutral tips, hints, and non-urgent notices.",
      "value": "light-dark(var(--sf-color-info-source-light), var(--sf-color-info-source-dark, oklch(from var(--sf-color-info-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-info-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Medium info fill for info icons and hint chips.",
      "value": "oklch(from var(--sf-color-info) l c h / 0.3)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-info-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-info.",
      "value": "oklch(0.71 0.162 235)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-info-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "STATUS COLORS (-source-light source tokens)",
      "description": "OKLCH lightness source for the info status color.",
      "value": "oklch(0.48 0.18 235)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-info-strong",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "High-contrast info color for hint body text.",
      "value": "light-dark( oklch(from var(--sf-color-info-source-light) calc(l - 0.1) c h), oklch(from var(--sf-color-info) clamp(0.70, calc(l + 0.15), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-info-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Light info tint for informational note backgrounds.",
      "value": "oklch(from var(--sf-color-info) l c h / 0.12)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-info-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Near-transparent info tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "oklch(from var(--sf-color-info) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-inset",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Surfaces",
      "description": "Slightly inset surface for nested areas — inputs, code blocks, sidebar panels.",
      "value": "oklch(from var(--sf-color-base) calc(l - 0.02) c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-inverse",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Surfaces",
      "description": "Inverted (dark-on-light / light-on-dark) surface for high-contrast banners or tooltips.",
      "value": "oklch(from var(--sf-color-base) calc(1 - l) c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-link",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Links",
      "description": "Default hyperlink color.",
      "value": "light-dark( oklch(from var(--sf-color-action) clamp(0, min(l - 0.07, 0.48), 1) c h), oklch(from var(--sf-color-action) clamp(0.68, l, 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-link--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Links",
      "description": "Link color when actively pressed.",
      "value": "light-dark( oklch(from var(--sf-color-action) clamp(0, min(l - 0.21, 0.34), 1) c h), oklch(from var(--sf-color-action) clamp(0, max(l + 0.15, 0.74), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-link--disabled",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Links",
      "description": "Disabled link color (low contrast, no interaction).",
      "value": "var(--sf-color-text--disabled)",
      "aliasOf": "--sf-color-text--disabled",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-link--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Links",
      "description": "Link color on hover.",
      "value": "light-dark( oklch(from var(--sf-color-action) clamp(0, min(l - 0.15, 0.40), 1) c h), oklch(from var(--sf-color-action) clamp(0, max(l + 0.10, 0.68), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-link--underline",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Link alpha token",
      "description": "Color of the link underline decoration. Defaults to a semi-transparent variant of the link color.",
      "value": "oklch(from var(--sf-color-action) l c h / 0.3)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-link--visited",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Links",
      "description": "Visited link color.",
      "value": "light-dark( oklch(from var(--sf-color-action) clamp(0, min(l - 0.07, 0.48), 1) c calc(h + 60)), oklch(from var(--sf-color-action) clamp(0.68, l, 1) c calc(h + 60)) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-mark-bg",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection & mark",
      "description": "Background color for highlighted  elements.",
      "value": "oklch(from var(--sf-color-warning) l c h / 0.25)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-mark-text",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection & backdrop",
      "description": "Text color inside highlighted  elements.",
      "value": "inherit",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Neutral interactive color for low-emphasis actions and tertiary buttons.",
      "value": "light-dark(var(--sf-color-neutral-source-light), var(--sf-color-neutral-source-dark, oklch(from var(--sf-color-neutral-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Neutral color at pressed/active brightness.",
      "value": "var(--sf-color-neutral-xdark)",
      "aliasOf": "--sf-color-neutral-xdark",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Neutral color at hover brightness.",
      "value": "var(--sf-color-neutral-darker)",
      "aliasOf": "--sf-color-neutral-darker",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-100",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Very light neutral shade.",
      "value": "oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.88)) calc(c * 0.3) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-200",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Light neutral shade at step 200 on the numeric scale. Subtle fills and outlined badge backgrounds.",
      "value": "oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.72)) calc(c * 0.5) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-300",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Light-mid neutral shade.",
      "value": "oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.52)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-400",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Mid-light neutral shade.",
      "value": "oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.3)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Lightest neutral tint.",
      "value": "oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.95)) calc(c * 0.2) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-500",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Mid neutral shade — the 'pure' hue.",
      "value": "var(--sf-color-neutral)",
      "aliasOf": "--sf-color-neutral",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-600",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Mid-dark neutral shade.",
      "value": "oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.16)) calc(c * 0.96) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-700",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Dark neutral shade.",
      "value": "oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.36)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-800",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Very dark neutral shade.",
      "value": "oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.58)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-900",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Near-black neutral shade at step 900 on the numeric scale. Extreme contrast on light surfaces.",
      "value": "oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.78)) calc(c * 0.52) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-950",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Darkest neutral tint.",
      "value": "oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.9)) calc(c * 0.38) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-a10",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "10% opacity neutral tint.",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.10)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-a30",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "30% opacity neutral tint.",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.30)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-a5",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "5% opacity neutral tint.",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-a50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "50% opacity neutral tint.",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.50)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-a80",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "80% opacity neutral tint.",
      "value": "oklch(from var(--sf-color-neutral) l c h / 0.80)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-darker",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Deep neutral shade for high-contrast contexts.",
      "value": "var(--sf-color-neutral-600)",
      "aliasOf": "--sf-color-neutral-600",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-lighter",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Light neutral shade for soft accents — alias of --sf-color-neutral-400.",
      "value": "var(--sf-color-neutral-400)",
      "aliasOf": "--sf-color-neutral-400",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Muted neutral fill for low-emphasis contexts.",
      "value": "var(--sf-color-neutral-a30)",
      "aliasOf": "--sf-color-neutral-a30",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-neutral.",
      "value": "oklch(0.69 0.0225 260)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "BRAND COLORS (-source-light source tokens, animatable)",
      "description": "OKLCH lightness source for the neutral color.",
      "value": "oklch(0.52 0.025 260)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Lightest neutral semantic tint.",
      "value": "var(--sf-color-neutral-a10)",
      "aliasOf": "--sf-color-neutral-a10",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-superdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Near-black neutral shade for maximum contrast on light surfaces — alias of --sf-color-neutral-950.",
      "value": "var(--sf-color-neutral-950)",
      "aliasOf": "--sf-color-neutral-950",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-superlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Near-white neutral shade.",
      "value": "var(--sf-color-neutral-50)",
      "aliasOf": "--sf-color-neutral-50",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Near-transparent neutral tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "var(--sf-color-neutral-a5)",
      "aliasOf": "--sf-color-neutral-a5",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-xdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Extra-dark neutral shade.",
      "value": "var(--sf-color-neutral-800)",
      "aliasOf": "--sf-color-neutral-800",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-neutral-xlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "neutral",
      "description": "Extra-light neutral shade.",
      "value": "var(--sf-color-neutral-200)",
      "aliasOf": "--sf-color-neutral-200",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-overlay",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Surfaces",
      "description": "Overlay surface for floating panels, sheets, and modals.",
      "value": "oklch(from var(--sf-color-base) l c h / 0.9)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Primary brand palette color. Independent from --sf-color-action by default; override either source token to couple or separate brand and action roles.",
      "value": "light-dark(var(--sf-color-primary-source-light), var(--sf-color-primary-source-dark, oklch(from var(--sf-color-primary-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Primary color at pressed/active brightness.",
      "value": "var(--sf-color-primary-xdark)",
      "aliasOf": "--sf-color-primary-xdark",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Primary color at hover brightness.",
      "value": "var(--sf-color-primary-darker)",
      "aliasOf": "--sf-color-primary-darker",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-100",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Very light primary shade.",
      "value": "oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.88)) calc(c * 0.3) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-200",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Light primary shade at step 200 on the numeric scale. Subtle fills and outlined badge backgrounds.",
      "value": "oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.72)) calc(c * 0.5) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-300",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Light-mid primary shade.",
      "value": "oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.52)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-400",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Mid-light primary shade.",
      "value": "oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.3)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Lightest primary tint.",
      "value": "oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.95)) calc(c * 0.2) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-500",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Mid primary shade — the 'pure' hue.",
      "value": "var(--sf-color-primary)",
      "aliasOf": "--sf-color-primary",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-600",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Mid-dark primary shade.",
      "value": "oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.16)) calc(c * 0.96) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-700",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Dark primary shade.",
      "value": "oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.36)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-800",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Very dark primary shade.",
      "value": "oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.58)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-900",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Near-black primary shade at step 900 on the numeric scale. Extreme contrast on light surfaces.",
      "value": "oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.78)) calc(c * 0.52) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-950",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Darkest primary tint.",
      "value": "oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.9)) calc(c * 0.38) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-a10",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "10% opacity primary tint.",
      "value": "oklch(from var(--sf-color-primary) l c h / 0.10)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-a30",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "30% opacity primary tint.",
      "value": "oklch(from var(--sf-color-primary) l c h / 0.30)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-a5",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "5% opacity primary tint.",
      "value": "oklch(from var(--sf-color-primary) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-a50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "50% opacity primary tint.",
      "value": "oklch(from var(--sf-color-primary) l c h / 0.50)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-a80",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "80% opacity primary tint.",
      "value": "oklch(from var(--sf-color-primary) l c h / 0.80)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-darker",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Deep primary shade.",
      "value": "var(--sf-color-primary-600)",
      "aliasOf": "--sf-color-primary-600",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-lighter",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Light primary shade for soft accents — alias of --sf-color-primary-400.",
      "value": "var(--sf-color-primary-400)",
      "aliasOf": "--sf-color-primary-400",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Muted primary fill.",
      "value": "var(--sf-color-primary-a30)",
      "aliasOf": "--sf-color-primary-a30",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-primary.",
      "value": "oklch(0.715 0.243 264)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "BRAND COLORS (-source-light source tokens, animatable)",
      "description": "OKLCH lightness source for the primary color.",
      "value": "oklch(0.47 0.27 264)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Lightest primary semantic tint.",
      "value": "var(--sf-color-primary-a10)",
      "aliasOf": "--sf-color-primary-a10",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-superdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Near-black primary shade for maximum contrast on light surfaces — alias of --sf-color-primary-950.",
      "value": "var(--sf-color-primary-950)",
      "aliasOf": "--sf-color-primary-950",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-superlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Near-white primary shade.",
      "value": "var(--sf-color-primary-50)",
      "aliasOf": "--sf-color-primary-50",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Near-transparent primary tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "var(--sf-color-primary-a5)",
      "aliasOf": "--sf-color-primary-a5",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-xdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Extra-dark primary shade.",
      "value": "var(--sf-color-primary-800)",
      "aliasOf": "--sf-color-primary-800",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-primary-xlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "primary",
      "description": "Extra-light primary shade.",
      "value": "var(--sf-color-primary-200)",
      "aliasOf": "--sf-color-primary-200",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-raised",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Surfaces",
      "description": "Elevated card surface that floats above the page background.",
      "value": "oklch(from var(--sf-color-base) calc(l + 0.04) c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-scheme",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Color scheme",
      "description": "Preferred color scheme hint (light / dark / normal). Sent to the browser to influence UA chrome styling.",
      "value": "light dark",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Raw secondary palette token for the secondary brand color.",
      "value": "light-dark(var(--sf-color-secondary-source-light), var(--sf-color-secondary-source-dark, oklch(from var(--sf-color-secondary-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Secondary color at pressed/active brightness.",
      "value": "var(--sf-color-secondary-xdark)",
      "aliasOf": "--sf-color-secondary-xdark",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Secondary color at hover brightness.",
      "value": "var(--sf-color-secondary-darker)",
      "aliasOf": "--sf-color-secondary-darker",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-100",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Very light secondary shade.",
      "value": "oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.88)) calc(c * 0.3) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-200",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Light secondary shade at step 200 on the numeric scale. Subtle fills and outlined badge backgrounds.",
      "value": "oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.72)) calc(c * 0.5) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-300",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Light-mid secondary shade.",
      "value": "oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.52)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-400",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Mid-light secondary shade.",
      "value": "oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.3)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Lightest secondary tint.",
      "value": "oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.95)) calc(c * 0.2) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-500",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Mid secondary shade — the 'pure' hue.",
      "value": "var(--sf-color-secondary)",
      "aliasOf": "--sf-color-secondary",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-600",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Mid-dark secondary shade.",
      "value": "oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.16)) calc(c * 0.96) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-700",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Dark secondary shade.",
      "value": "oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.36)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-800",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Very dark secondary shade.",
      "value": "oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.58)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-900",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Near-black secondary shade at step 900 on the numeric scale. Extreme contrast on light surfaces.",
      "value": "oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.78)) calc(c * 0.52) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-950",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Darkest secondary tint.",
      "value": "oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.9)) calc(c * 0.38) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-a10",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "10% opacity secondary tint.",
      "value": "oklch(from var(--sf-color-secondary) l c h / 0.10)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-a30",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "30% opacity secondary tint.",
      "value": "oklch(from var(--sf-color-secondary) l c h / 0.30)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-a5",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "5% opacity secondary tint.",
      "value": "oklch(from var(--sf-color-secondary) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-a50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "50% opacity secondary tint.",
      "value": "oklch(from var(--sf-color-secondary) l c h / 0.50)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-a80",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "80% opacity secondary tint.",
      "value": "oklch(from var(--sf-color-secondary) l c h / 0.80)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-darker",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Deep secondary shade.",
      "value": "var(--sf-color-secondary-600)",
      "aliasOf": "--sf-color-secondary-600",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-lighter",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Light secondary shade for soft accents — alias of --sf-color-secondary-400.",
      "value": "var(--sf-color-secondary-400)",
      "aliasOf": "--sf-color-secondary-400",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Muted secondary fill.",
      "value": "var(--sf-color-secondary-a30)",
      "aliasOf": "--sf-color-secondary-a30",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-secondary.",
      "value": "oklch(0.84 0.036 264)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "BRAND COLORS (-source-light source tokens, animatable)",
      "description": "OKLCH lightness source for the secondary color.",
      "value": "oklch(0.22 0.04 264)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Lightest secondary semantic tint.",
      "value": "var(--sf-color-secondary-a10)",
      "aliasOf": "--sf-color-secondary-a10",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-superdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Near-black secondary shade for maximum contrast on light surfaces — alias of --sf-color-secondary-950.",
      "value": "var(--sf-color-secondary-950)",
      "aliasOf": "--sf-color-secondary-950",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-superlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Near-white secondary shade.",
      "value": "var(--sf-color-secondary-50)",
      "aliasOf": "--sf-color-secondary-50",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Near-transparent secondary tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "var(--sf-color-secondary-a5)",
      "aliasOf": "--sf-color-secondary-a5",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-xdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Extra-dark secondary shade.",
      "value": "var(--sf-color-secondary-800)",
      "aliasOf": "--sf-color-secondary-800",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-secondary-xlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "secondary",
      "description": "Extra-light secondary shade.",
      "value": "var(--sf-color-secondary-200)",
      "aliasOf": "--sf-color-secondary-200",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-selection-bg",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection",
      "description": "Background color applied to browser text selections.",
      "value": "light-dark( oklch(from var(--sf-color-action-source-light) l c h / 0.28), oklch(from var(--sf-color-action-source-dark) clamp(0.62, calc(0.93 - l * 0.4), 0.78) c h / 0.55) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-selection-bg--alt",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection",
      "description": "Alt selection background — the inverse-scheme highlight fill for surfaces that deliberately flip colour scheme (e.g. a dark hero in light mode).",
      "value": "light-dark( oklch(from var(--sf-color-action-source-dark) clamp(0.62, calc(0.93 - l * 0.4), 0.78) c h / 0.55), oklch(from var(--sf-color-action-source-light) l c h / 0.28) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-selection-text",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection & backdrop",
      "description": "Text color inside browser text selections.",
      "value": "inherit",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-selection-text--alt",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection",
      "description": "Alt selection text colour paired with --sf-color-selection-bg--alt; inherits by default so the underlying text colour shows through.",
      "value": "inherit",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-success",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Positive / success color for confirmation messages and completed-state indicators.",
      "value": "light-dark(var(--sf-color-success-source-light), var(--sf-color-success-source-dark, oklch(from var(--sf-color-success-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-success-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Medium success fill for success icons and status chips.",
      "value": "oklch(from var(--sf-color-success) l c h / 0.3)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-success-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-success.",
      "value": "oklch(0.70 0.144 145)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-success-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "STATUS COLORS (-source-light source tokens)",
      "description": "OKLCH lightness source for the success status color.",
      "value": "oklch(0.50 0.16 145)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-success-strong",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "High-contrast success color for confirmation message text.",
      "value": "light-dark( oklch(from var(--sf-color-success-source-light) calc(l - 0.15) c h), oklch(from var(--sf-color-success) clamp(0.70, calc(l + 0.15), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-success-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Light success tint for confirmation backgrounds.",
      "value": "oklch(from var(--sf-color-success) l c h / 0.12)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-success-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Near-transparent success tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "oklch(from var(--sf-color-success) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-surface",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Resolved color tokens",
      "description": "Default component surface color. Alias of --sf-color-base; use --sf-color-raised for an elevated card/background level.",
      "value": "var(--sf-color-base)",
      "aliasOf": "--sf-color-base",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Raw tertiary palette token for the third brand color.",
      "value": "light-dark(var(--sf-color-tertiary-source-light), var(--sf-color-tertiary-source-dark, oklch(from var(--sf-color-tertiary-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary--active",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Tertiary color at pressed/active brightness.",
      "value": "var(--sf-color-tertiary-xdark)",
      "aliasOf": "--sf-color-tertiary-xdark",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary--hover",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Tertiary color at hover brightness.",
      "value": "var(--sf-color-tertiary-darker)",
      "aliasOf": "--sf-color-tertiary-darker",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-100",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Very light tertiary shade.",
      "value": "oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.88)) calc(c * 0.3) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-200",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Light tertiary shade at step 200 on the numeric scale. Subtle fills and outlined badge backgrounds.",
      "value": "oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.72)) calc(c * 0.5) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-300",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Light-mid tertiary shade.",
      "value": "oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.52)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-400",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Mid-light tertiary shade.",
      "value": "oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.3)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Lightest tertiary tint.",
      "value": "oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * 0.95)) calc(c * 0.2) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-500",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Mid tertiary shade — the 'pure' hue.",
      "value": "var(--sf-color-tertiary)",
      "aliasOf": "--sf-color-tertiary",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-600",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Mid-dark tertiary shade.",
      "value": "oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.16)) calc(c * 0.96) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-700",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Dark tertiary shade.",
      "value": "oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.36)) calc(c * 0.88) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-800",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Very dark tertiary shade.",
      "value": "oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.58)) calc(c * 0.72) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-900",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Near-black tertiary shade at step 900 on the numeric scale. Extreme contrast on light surfaces.",
      "value": "oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.78)) calc(c * 0.52) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-950",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Darkest tertiary tint.",
      "value": "oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * 0.9)) calc(c * 0.38) h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-a10",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "10% opacity tertiary tint.",
      "value": "oklch(from var(--sf-color-tertiary) l c h / 0.10)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-a30",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "30% opacity tertiary tint.",
      "value": "oklch(from var(--sf-color-tertiary) l c h / 0.30)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-a5",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "5% opacity tertiary tint.",
      "value": "oklch(from var(--sf-color-tertiary) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-a50",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "50% opacity tertiary tint.",
      "value": "oklch(from var(--sf-color-tertiary) l c h / 0.50)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-a80",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "80% opacity tertiary tint.",
      "value": "oklch(from var(--sf-color-tertiary) l c h / 0.80)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-darker",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Deep tertiary shade.",
      "value": "var(--sf-color-tertiary-600)",
      "aliasOf": "--sf-color-tertiary-600",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-lighter",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Light tertiary shade for soft accents — alias of --sf-color-tertiary-400.",
      "value": "var(--sf-color-tertiary-400)",
      "aliasOf": "--sf-color-tertiary-400",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Muted tertiary fill.",
      "value": "var(--sf-color-tertiary-a30)",
      "aliasOf": "--sf-color-tertiary-a30",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-tertiary.",
      "value": "oklch(0.74 0.198 295)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "BRAND COLORS (-source-light source tokens, animatable)",
      "description": "OKLCH lightness source for the tertiary color.",
      "value": "oklch(0.42 0.22 295)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Lightest tertiary semantic tint.",
      "value": "var(--sf-color-tertiary-a10)",
      "aliasOf": "--sf-color-tertiary-a10",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-superdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Near-black tertiary shade for maximum contrast on light surfaces — alias of --sf-color-tertiary-950.",
      "value": "var(--sf-color-tertiary-950)",
      "aliasOf": "--sf-color-tertiary-950",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-superlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Near-white tertiary shade.",
      "value": "var(--sf-color-tertiary-50)",
      "aliasOf": "--sf-color-tertiary-50",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Near-transparent tertiary tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "var(--sf-color-tertiary-a5)",
      "aliasOf": "--sf-color-tertiary-a5",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-xdark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Extra-dark tertiary shade.",
      "value": "var(--sf-color-tertiary-800)",
      "aliasOf": "--sf-color-tertiary-800",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-tertiary-xlight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "tertiary",
      "description": "Extra-light tertiary shade.",
      "value": "var(--sf-color-tertiary-200)",
      "aliasOf": "--sf-color-tertiary-200",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text",
      "description": "Primary text color. Contrasts against --sf-color-bg for body copy.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.05, calc(l - 0.4 - var(--sf-contrast-bias)), 0.35) c h), oklch(from var(--sf-color-neutral) clamp(0.70, calc(l + 0.25 + var(--sf-contrast-bias)), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--disabled",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text",
      "description": "Text color for disabled UI elements. Intentionally low contrast.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.55, calc(l + 0.25), 0.82) c h), oklch(from var(--sf-color-neutral) clamp(0.25, calc(l - 0.2), 0.55) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--inverse",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text",
      "description": "Text color for use on dark/inverted backgrounds.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.85, calc(l + 0.4), 0.98) c h), oklch(from var(--sf-color-neutral) clamp(0.05, calc(l - 0.4), 0.35) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text",
      "description": "Muted text for metadata, timestamps, and low-priority annotations.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.35, calc(l - var(--sf-contrast-bias)), 0.62) c h), oklch(from var(--sf-color-neutral) clamp(0.48, calc(l + var(--sf-contrast-bias)), 0.74) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-action",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground color for text on action-colored backgrounds.",
      "value": "oklch(from var(--sf-color-action) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-base",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text on base-colored backgrounds.",
      "value": "var(--sf-color-text)",
      "aliasOf": "--sf-color-text",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-danger",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text on danger-colored backgrounds.",
      "value": "oklch(from var(--sf-color-danger) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-info",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text on info-colored backgrounds.",
      "value": "oklch(from var(--sf-color-info) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-inverse",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text on inverted (dark-on-light / light-on-dark) backgrounds.",
      "value": "oklch(from var(--sf-color-inverse) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-neutral",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text placed on neutral-colored backgrounds.",
      "value": "oklch(from var(--sf-color-neutral) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-primary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text placed on primary-colored backgrounds.",
      "value": "oklch(from var(--sf-color-primary) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-secondary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text placed on secondary-colored backgrounds.",
      "value": "oklch(from var(--sf-color-secondary) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-success",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text on success-colored backgrounds.",
      "value": "oklch(from var(--sf-color-success) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-tertiary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text placed on tertiary-colored backgrounds.",
      "value": "oklch(from var(--sf-color-tertiary) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--on-warning",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text-on-color",
      "description": "Accessible foreground for text on warning-colored backgrounds.",
      "value": "oklch(from var(--sf-color-warning) clamp(0.1, sign(var(--sf-contrast-threshold) - l) * 999, 0.95) 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--placeholder",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text",
      "description": "Placeholder text color for inputs and textareas.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.45, calc(l + 0.15), 0.75) c h), oklch(from var(--sf-color-neutral) clamp(0.35, calc(l - 0.1), 0.65) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-text--subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Text",
      "description": "De-emphasised, lower-emphasis text (captions, labels, supporting copy). Second tier below --sf-color-text; sits between it and --sf-color-text--muted.",
      "value": "light-dark( oklch(from var(--sf-color-neutral-source-light) clamp(0.15, calc(l - 0.25 - var(--sf-contrast-bias)), 0.45) c h), oklch(from var(--sf-color-neutral) clamp(0.55, calc(l + 0.1 + var(--sf-contrast-bias)), 0.90) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-warning",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Warning / caution color for non-critical alerts and degraded-state indicators.",
      "value": "light-dark(var(--sf-color-warning-source-light), var(--sf-color-warning-source-dark, oklch(from var(--sf-color-warning-source-light) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-warning-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Medium warning fill for icons and caution chips.",
      "value": "oklch(from var(--sf-color-warning) l c h / 0.3)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-warning-source-dark",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Registered  dark counterpart of --sf-color-warning.",
      "value": "oklch(0.65 0.153 80)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-warning-source-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "STATUS COLORS (-source-light source tokens)",
      "description": "OKLCH lightness source for the warning status color.",
      "value": "oklch(0.75 0.17 80)",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-warning-strong",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "High-contrast warning color for caution text.",
      "value": "light-dark( oklch(from var(--sf-color-warning-source-light) calc(l - 0.25) c h), oklch(from var(--sf-color-warning) clamp(0.70, calc(l + 0.05), 1) c h) )",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-warning-subtle",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Light warning tint for warning notification backgrounds.",
      "value": "oklch(from var(--sf-color-warning) l c h / 0.12)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-warning-tint",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Status triplets",
      "description": "Near-transparent warning tint (5% alpha) for hover-state washes and the most subtle backgrounds.",
      "value": "oklch(from var(--sf-color-warning) l c h / 0.05)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-color-white",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "color",
      "category": "Core tokens",
      "area": "core",
      "group": "Selection & backdrop",
      "description": "Absolute white reference value.",
      "value": "oklch(100% 0 0)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-component-pad",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "component",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Standard inner padding for interactive components (buttons, form inputs, chips).",
      "value": "var(--sf-space-m)",
      "aliasOf": "--sf-space-m",
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-container-default",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "container",
      "category": "Core tokens",
      "area": "core",
      "group": "Containers",
      "description": "Default content container max-width (~1200px).",
      "value": "75rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-container-full",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "container",
      "category": "Core tokens",
      "area": "core",
      "group": "Containers",
      "description": "Full-width container — removes the max-width constraint.",
      "value": "100%",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-container-narrow",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "container",
      "category": "Core tokens",
      "area": "core",
      "group": "Containers",
      "description": "Narrow content max-width — ideal for article body and blog posts (~65ch).",
      "value": "38rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-container-prose",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "container",
      "category": "Core tokens",
      "area": "core",
      "group": "Containers",
      "description": "Prose max-width — optimised for readability (~75ch).",
      "value": "65ch",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-container-wide",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "container",
      "category": "Core tokens",
      "area": "core",
      "group": "Containers",
      "description": "Wide container for marketing / dashboard layouts (~1440px).",
      "value": "90rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-content-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "content",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Tight gap within related content (stack, flow, prose). Override globally to retune all tight primitives at once.",
      "value": "var(--sf-space-s)",
      "aliasOf": "--sf-space-s",
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-content-intrinsic-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "content",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Content visibility",
      "description": "Intrinsic-size hint for content-visibility: auto (prevents layout shift on first reveal).",
      "value": "500px",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-content-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "content",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Content grid (breakout pattern)",
      "description": "Max-width of the main content column in a content grid.",
      "value": "var(--sf-container-default)",
      "aliasOf": "--sf-container-default",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-contrast-bias",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "contrast",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Global text-contrast nudge. Positive values push derived reading-text colors toward the extremes (darker in light mode, lighter in dark). Default 0 (neutral).",
      "value": "0",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-contrast-threshold",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "contrast",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "OKLCH lightness crossover for auto-contrast on colored surfaces. Colors with L above this get dark text; below get light text. Default 0.6.",
      "value": "0.6",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-cover-min-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "cover",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Cover",
      "description": "Minimum height of the cover layout (typically 100svh).",
      "value": "100dvh",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-cover-padding",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "cover",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Cover",
      "description": "Inner padding for the cover layout.",
      "value": "var(--sf-section-pad)",
      "aliasOf": "--sf-section-pad",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-density",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "density",
      "category": "Core tokens",
      "area": "core",
      "group": "Density",
      "description": "Compact ↔ comfortable dial for interactive control geometry (the --sf-size-* rung ladder). Default 1; below 1 packs controls tighter (dashboards, data tables), above 1 loosens them. A deliberate design/user choice, not a viewport response — orthogonal to --sf-space-scale (whitespace) and --sf-section-scale (section rhythm). The --sf-touch-target accessibility floor is independent, so a small value can't shrink native controls below the WCAG target. Like the other global multipliers it is a :root dial (the size ladder is computed at :root and inherits, so nested overrides don't retroactively rescale it).",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-display-l-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "display",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Line height for large display text (--sf-text-display-l). Very tight to avoid excessive gaps at oversized sizes.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-display-m-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "display",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Line height for medium display text (--sf-text-display-m).",
      "value": "1.05",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-display-s-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "display",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Line height for small display text (--sf-text-display-s).",
      "value": "var(--sf-leading-tight)",
      "aliasOf": "--sf-leading-tight",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-divider-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "divider",
      "category": "Core tokens",
      "area": "core",
      "group": "Divider",
      "description": "Color of horizontal/vertical divider rules.",
      "value": "var(--sf-color-border)",
      "aliasOf": "--sf-color-border",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-divider-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "divider",
      "category": "Core tokens",
      "area": "core",
      "group": "Divider",
      "description": "Spacing (margin) around divider elements.",
      "value": "var(--sf-space-m)",
      "aliasOf": "--sf-space-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-divider-style",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "divider",
      "category": "Core tokens",
      "area": "core",
      "group": "Divider",
      "description": "Border style of dividers.",
      "value": "solid",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-divider-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "divider",
      "category": "Core tokens",
      "area": "core",
      "group": "Divider",
      "description": "Stroke width of horizontal and vertical divider rules.",
      "value": "var(--sf-border-width-1)",
      "aliasOf": "--sf-border-width-1",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-drop-shadow-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "drop",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Large CSS filter: drop-shadow for prominent illustrated or cut-out elements.",
      "value": "drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), 0.7)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-drop-shadow-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "drop",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Medium CSS filter: drop-shadow for elevated icons and card thumbnails.",
      "value": "drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), 0.7)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-drop-shadow-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "drop",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Small CSS filter: drop-shadow. Use filter (not box-shadow) for elements with transparent areas — SVGs, PNGs, cutout images.",
      "value": "drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), 0.7)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-drop-shadow-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "drop",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-large CSS filter: drop-shadow for hero-scale illustrated or cut-out elements.",
      "value": "drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), 0.7)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-drop-shadow-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "drop",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-small CSS filter: drop-shadow, for the subtlest depth on small icons and cutout images.",
      "value": "drop-shadow(0 0.5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), 0.7)))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-duration-fast",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "duration",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Fast duration (~150ms). Hover transitions, tooltip appear.",
      "value": "calc(150ms * var(--sf-motion-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-duration-instant",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "duration",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Near-instant duration (~100ms). Micro-interactions and cursor-follow effects.",
      "value": "calc(100ms * var(--sf-motion-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-duration-none",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "duration",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "0ms duration. Disables transitions (respects prefers-reduced-motion).",
      "value": "0ms",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-duration-normal",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "duration",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Normal duration (~250ms). Default for most transitions.",
      "value": "calc(250ms * var(--sf-motion-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-duration-slow",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "duration",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Slow duration (~400ms). Emphasis transitions, drawers.",
      "value": "calc(400ms * var(--sf-motion-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-duration-slower",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "duration",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Extra-slow duration (~600ms). Page-level enter/exit transitions.",
      "value": "calc(600ms * var(--sf-motion-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-bounce",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Bounce easing. Playful overshooting effect.",
      "value": "linear(0, 0.35 18%, 1 32%, 0.86 42%, 1.02 56%, 0.98 72%, 1)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-elastic",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Elastic easing. Spring-like overshooting effect.",
      "value": "linear(0, 0.3, 1.2, 0.9, 1.05, 1)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-in",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Accelerating easing. Use for elements leaving the viewport.",
      "value": "cubic-bezier(0.5, 0, 0.75, 0.25)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-in-out",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Symmetric easing. Use for elements that move within the viewport.",
      "value": "cubic-bezier(0.4, 0, 0.2, 1)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-linear",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Linear easing. Use for progress indicators and spinner rotations.",
      "value": "linear",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-out",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Decelerating easing. Use for elements entering the viewport.",
      "value": "cubic-bezier(0.25, 0, 0.15, 1)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-overshoot",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Subtle overshoot easing. Softer spring effect.",
      "value": "linear(0, 0.6 30%, 1.08 55%, 0.98 75%, 1)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ease-spring",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ease",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Spring easing. Natural physics-based motion.",
      "value": "linear(0, 0.5, 1.1, 0.95, 1.02, 1)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-equal-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "equal",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Equal columns",
      "description": "Gap between equal columns.",
      "value": "var(--sf-gap)",
      "aliasOf": "--sf-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-equal-min-col",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "equal",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Equal columns",
      "description": "column-width floor for .sf-equal's flowing CSS multi-column layout (not a grid) — the browser won't go narrower than this.",
      "value": "16rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-equal-rule-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "equal",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Equal columns",
      "description": "column-rule color between .sf-equal's flowing columns.",
      "value": "var(--sf-color-border)",
      "aliasOf": "--sf-color-border",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-equal-rule-style",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "equal",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Equal columns",
      "description": "column-rule style between .sf-equal's flowing columns.",
      "value": "solid",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-equal-rule-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "equal",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Equal columns",
      "description": "column-rule width between .sf-equal's flowing columns. 0 (default) means no rule.",
      "value": "0",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-field-block",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "field",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Vertical (block) padding inside form fields.",
      "value": "var(--sf-space-xs)",
      "aliasOf": "--sf-space-xs",
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-field-padding-block",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "field",
      "category": "Component tokens",
      "area": "components",
      "group": "FIELD TOKENS",
      "description": "Vertical (block) inner padding for form field inputs. Reserved for a future .sf-field class — declared but not yet consumed by any shipped rule.",
      "value": "var(--sf-space-xs)",
      "aliasOf": "--sf-space-xs",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": true,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "optional/tokens.components.css"
      ],
      "bundles": [
        "full"
      ]
    },
    {
      "name": "--sf-field-padding-inline",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "field",
      "category": "Component tokens",
      "area": "components",
      "group": "FIELD TOKENS",
      "description": "Horizontal (inline) inner padding for form field inputs. Reserved for a future .sf-field class — declared but not yet consumed by any shipped rule.",
      "value": "var(--sf-space-s)",
      "aliasOf": "--sf-space-s",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": true,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "optional/tokens.components.css"
      ],
      "bundles": [
        "full"
      ]
    },
    {
      "name": "--sf-field-radius",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "field",
      "category": "Component tokens",
      "area": "components",
      "group": "FIELD TOKENS",
      "description": "Border radius for form field inputs. Defaults to --sf-radius-m; override to reshape all inputs at once. Reserved for a future .sf-field class — declared but not yet consumed by any shipped rule.",
      "value": "var(--sf-radius-m)",
      "aliasOf": "--sf-radius-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": true,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "optional/tokens.components.css"
      ],
      "bundles": [
        "full"
      ]
    },
    {
      "name": "--sf-field-required-marker",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "field",
      "category": "Core tokens",
      "area": "core",
      "group": "Semantic gap tokens",
      "description": "CSS content value for required-field markers (e.g. \" *\"). Used by pseudo-elements in the .required utility pattern.",
      "value": "\" *\"",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-flow-space",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "flow",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Flow",
      "description": "Margin-block-start applied to all flow children except the first.",
      "value": "var(--sf-content-gap)",
      "aliasOf": "--sf-content-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-fluid-max-vw",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "fluid",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Maximum viewport width (in rem) at which the fluid scale clamps to its largest values. Default 90rem (~1440px). Part of the fluid scale engine.",
      "value": "90",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-fluid-min-vw",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "fluid",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Minimum viewport width (in rem) at which the fluid scale clamps to its smallest values. Default 22.5rem (~360px). Part of the fluid scale engine.",
      "value": "22.5",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-fluid-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "fluid",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Fluid interpolation driver — the length term every fluid clamp() below measures against. Universal syntax (\"*\") not \"\": a registered  requires a computationally-independent initial-value, and 100vw (viewport-dependent) is not one. The real default lives on…",
      "value": "100vw",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-focus-ring-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "focus",
      "category": "Core tokens",
      "area": "core",
      "group": "Focus / form colors",
      "description": "Color of the keyboard focus ring. Ensure sufficient contrast against all background surfaces.",
      "value": "var(--sf-color-action)",
      "aliasOf": "--sf-color-action",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-focus-ring-offset",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "focus",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Gap between the element edge and the focus ring.",
      "value": "2px",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-focus-ring-shadow",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "consumption",
      "namespace": "focus",
      "category": "Core tokens",
      "area": "core",
      "group": "Focus / form colors",
      "description": "Computed box-shadow value for the focus ring — two-layer technique: offset shadow in bg color, then ring shadow in focus-ring color. Tune via --sf-focus-ring-width and --sf-focus-ring-color instead of overriding this directly.",
      "value": "0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg, var(--sf-color-base-source-light, #fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-focus-ring-style",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "focus",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Border style of the focus ring (solid, dashed, dotted).",
      "value": "solid",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-focus-ring-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "focus",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Stroke width of the focus ring outline.",
      "value": "2px",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-body",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Font family stack for body text. Override to set your primary typeface.",
      "value": "system-ui, -apple-system, sans-serif",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-display",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Font family for display/marketing text. Override for large headline typefaces.",
      "value": "var(--sf-font-heading)",
      "aliasOf": "--sf-font-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-features",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "OpenType feature-settings string for body text (e.g. 'ss01', 'cv11'). Default 'normal'. Override on :root or a subtree to enable ligatures, alternate glyphs, etc.",
      "value": "normal",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-geometric",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Geometric sans-serif slot — circular letterforms for brand alternates.",
      "value": "\"Avenir\", \"Montserrat\", \"Corbel\", \"URW Gothic\", source-sans-pro, sans-serif",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-heading",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Font family for headings. Defaults to display if not overridden separately.",
      "value": "var(--sf-font-body)",
      "aliasOf": "--sf-font-body",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-humanist",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Humanist sans-serif slot — warm, readable alternate typeface.",
      "value": "\"Seravek\", \"Gill Sans Nova\", \"Ubuntu\", \"Calibri\", \"DejaVu Sans\", source-sans-pro, sans-serif",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-mono",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Monospace font family for code, pre, and kbd elements.",
      "value": "ui-monospace, monospace",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-numeric",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "font-variant-numeric shorthand (e.g. tabular-nums) for aligned numeric data.",
      "value": "tabular-nums",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-slab",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Slab-serif slot for editorial or display headings.",
      "value": "\"Rockwell\", \"Rockwell Nova\", \"Roboto Slab\", \"DejaVu Serif\", \"Sitka Small\", serif",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-variation",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "Variable-font axis settings for body text (e.g. \"wght\" 450). Default 'normal'. Override on :root or a subtree to activate variable-font axes.",
      "value": "normal",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-body",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Font weight for body text (typically 400 / normal).",
      "value": "var(--sf-font-weight-normal)",
      "aliasOf": "--sf-font-weight-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-bold",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Strong emphasis weight (700).",
      "value": "700",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-display",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Font weight for display-size text.",
      "value": "var(--sf-font-weight-bold)",
      "aliasOf": "--sf-font-weight-bold",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-heading",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Font weight for headings (typically 600–700).",
      "value": "var(--sf-font-weight-semibold)",
      "aliasOf": "--sf-font-weight-semibold",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-interactive",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Font weight for interactive role text — buttons, badges, and navigation labels. Defaults to semibold.",
      "value": "var(--sf-font-weight-semibold)",
      "aliasOf": "--sf-font-weight-semibold",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-light",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Light weight (300). Use sparingly — check contrast at small sizes.",
      "value": "300",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-medium",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Medium weight (500). Subtle emphasis without full bold.",
      "value": "500",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-normal",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Normal / regular weight (400).",
      "value": "400",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-semibold",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Semibold weight (600). Common for labels and subheadings.",
      "value": "600",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-font-weight-strong",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "font",
      "category": "Core tokens",
      "area": "core",
      "group": "Font weights",
      "description": "Font weight for strong/emphasis inline role. Defaults to bold.",
      "value": "var(--sf-font-weight-bold)",
      "aliasOf": "--sf-font-weight-bold",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-frame-ratio",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "frame",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Frame",
      "description": "Aspect ratio for the frame (media container) layout.",
      "value": "16 / 9",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gap",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Default gap between components (the loose rhythm). Layout primitives like cluster/grid/sidebar default to it. Override globally to retune them all at once, or set a primitive token (e.g. --sf-cluster-gap) for one element.",
      "value": "var(--sf-space-m)",
      "aliasOf": "--sf-space-m",
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-action",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Gradient using action palette colors (light to saturated). Core-4 parity with the primary/secondary/tertiary gradients; drives the default .sf-btn--gradient fill.",
      "value": "linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - 0.08) c h))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-brand",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Multi-stop brand gradient spanning primary and secondary palette colors. Use for hero backgrounds and brand accents.",
      "value": "linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-fade--b",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Fade-to-bottom gradient (transparent → surface). Use to fade content into a background below (infinite scroll fade, content cutoff).",
      "value": "linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-fade--l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Fade-to-left gradient. Use to indicate left-side scrollable overflow.",
      "value": "linear-gradient(in oklch to left, transparent, var(--sf-color-bg))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-fade--r",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Fade-to-right gradient. Use to indicate right-side scrollable overflow.",
      "value": "linear-gradient(in oklch to right, transparent, var(--sf-color-bg))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-fade--t",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Fade-to-top gradient (transparent → surface). Use to fade content into a background above.",
      "value": "linear-gradient(in oklch to top, transparent, var(--sf-color-bg))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-primary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Gradient using primary palette colors (light to saturated).",
      "value": "linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - 0.08) c h))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-secondary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Gradient using secondary palette colors.",
      "value": "linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - 0.08) c h))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-surface",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Subtle surface-color gradient for depth layering and glass effects.",
      "value": "linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gradient-tertiary",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gradient",
      "category": "Core tokens",
      "area": "core",
      "group": "Gradients",
      "description": "Gradient using tertiary palette colors.",
      "value": "linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - 0.08) c h))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Gap between auto-fill grid cells.",
      "value": "var(--sf-gap)",
      "aliasOf": "--sf-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-min",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Minimum column width for the auto-fill grid.",
      "value": "16rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-min-2xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Minimum column width at the 2× breakpoint.",
      "value": "28rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-min-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Large minimum column width for the auto-fill grid.",
      "value": "20rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-min-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Medium minimum column width for the auto-fill grid.",
      "value": "16rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-min-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Small minimum column width for the auto-fill grid.",
      "value": "13rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-min-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Extra-large minimum column width for the auto-fill grid. Use for wide content cards.",
      "value": "24rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-grid-min-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "grid",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Grid (auto-fill, breakpoint-free)",
      "description": "Extra-small minimum column width for the auto-fill grid. Use for very compact tile layouts (icon grids).",
      "value": "10rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-gutter",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "gutter",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Wide page/section-edge gutter (used by center/container). Override to set the page-edge breathing room across breakpoints.",
      "value": "var(--sf-space-l)",
      "aliasOf": "--sf-space-l",
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h1-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h1",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font weight for 
.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h1-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h1",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Letter-spacing for 
. Typically slightly negative at large sizes.",
      "value": "var(--sf-tracking-tight)",
      "aliasOf": "--sf-tracking-tight",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h1-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h1",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Line height for 
. Tighter than body to avoid excessive whitespace at large sizes.",
      "value": "var(--sf-leading-tight)",
      "aliasOf": "--sf-leading-tight",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h1-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "h1",
      "category": "Core tokens",
      "area": "core",
      "group": "Heading line-length constraints",
      "description": "Max-inline-size cap for 
. Default none (unconstrained). Set to a ch value (e.g. 20ch) to prevent wide headings from spanning the full column on large screens.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h1-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h1",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font size for 
.",
      "value": "var(--sf-text-4xl)",
      "aliasOf": "--sf-text-4xl",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h2-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h2",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font weight for 
.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h2-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h2",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Letter-spacing for 
.",
      "value": "var(--sf-tracking-tight)",
      "aliasOf": "--sf-tracking-tight",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h2-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h2",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Line height for 
.",
      "value": "var(--sf-leading-tight)",
      "aliasOf": "--sf-leading-tight",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h2-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "h2",
      "category": "Core tokens",
      "area": "core",
      "group": "Heading line-length constraints",
      "description": "Max-inline-size cap for 
. Default none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h2-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h2",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font size for 
.",
      "value": "var(--sf-text-3xl)",
      "aliasOf": "--sf-text-3xl",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h3-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h3",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font weight for 
.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h3-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h3",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Letter-spacing for 
.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h3-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h3",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Line height for 
.",
      "value": "var(--sf-leading-snug)",
      "aliasOf": "--sf-leading-snug",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h3-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "h3",
      "category": "Core tokens",
      "area": "core",
      "group": "Heading line-length constraints",
      "description": "Max-inline-size cap for 
. Default none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h3-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h3",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font size for 
.",
      "value": "var(--sf-text-2xl)",
      "aliasOf": "--sf-text-2xl",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h4-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h4",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font weight for 
.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h4-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h4",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Letter-spacing for 
.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h4-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h4",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Line height for 
.",
      "value": "var(--sf-leading-snug)",
      "aliasOf": "--sf-leading-snug",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h4-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "h4",
      "category": "Core tokens",
      "area": "core",
      "group": "Heading line-length constraints",
      "description": "Max-inline-size cap for 
. Default none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h4-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h4",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font size for 
.",
      "value": "var(--sf-text-xl)",
      "aliasOf": "--sf-text-xl",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h5-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h5",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font weight for 
.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h5-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h5",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Letter-spacing for 
.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h5-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h5",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Line height for 
.",
      "value": "var(--sf-leading-normal)",
      "aliasOf": "--sf-leading-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h5-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "h5",
      "category": "Core tokens",
      "area": "core",
      "group": "Heading line-length constraints",
      "description": "Max-inline-size cap for 
. Default none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h5-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h5",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font size for 
.",
      "value": "var(--sf-text-l)",
      "aliasOf": "--sf-text-l",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h6-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h6",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font weight for 
.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h6-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h6",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Letter-spacing for 
.",
      "value": "var(--sf-tracking-wide)",
      "aliasOf": "--sf-tracking-wide",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h6-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h6",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Line height for 
.",
      "value": "var(--sf-leading-normal)",
      "aliasOf": "--sf-leading-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h6-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "h6",
      "category": "Core tokens",
      "area": "core",
      "group": "Heading line-length constraints",
      "description": "Max-inline-size cap for 
. Default none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-h6-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "h6",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font size for 
.",
      "value": "var(--sf-text-m)",
      "aliasOf": "--sf-text-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-header-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "header",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Total height of the sticky page header. Used by --sf-sticky-offset to prevent content from hiding under it.",
      "value": "clamp( var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-header-height-desktop",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "header",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Header height at desktop breakpoints.",
      "value": "5rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-header-height-mobile",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "header",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Header height at mobile breakpoints.",
      "value": "3.5rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-heading-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "heading",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Text color for all headings (h1–h6). Alias of --sf-color-heading.",
      "value": "var(--sf-color-heading)",
      "aliasOf": "--sf-color-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-heading-font-family",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "heading",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "Font family for all headings. Alias of --sf-font-heading.",
      "value": "var(--sf-font-heading)",
      "aliasOf": "--sf-font-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-heading-text-wrap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "heading",
      "category": "Core tokens",
      "area": "core",
      "group": "TYPOGRAPHY ALIASES",
      "description": "text-wrap for headings. 'balance' prevents orphaned short last lines in multi-line headings.",
      "value": "balance",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-hover-grow-scale",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "hover",
      "category": "Core tokens",
      "area": "core",
      "group": "Animation presets",
      "description": "Scale factor applied by .sf-hover-grow on hover (>1 grows).",
      "value": "1.05",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-hover-lift",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "hover",
      "category": "Core tokens",
      "area": "core",
      "group": "Animation presets",
      "description": "Translate distance for .sf-hover-float (up) and .sf-hover-sink (down) on hover.",
      "value": "0.25em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-hover-shrink-scale",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "hover",
      "category": "Core tokens",
      "area": "core",
      "group": "Animation presets",
      "description": "Scale factor applied by .sf-hover-shrink on hover (<1 shrinks).",
      "value": "0.95",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-hover-slide",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "hover",
      "category": "Core tokens",
      "area": "core",
      "group": "Animation presets",
      "description": "Translate distance for .sf-hover-slide-start / .sf-hover-slide-end on hover.",
      "value": "0.5em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-2xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "icon",
      "category": "Core tokens",
      "area": "core",
      "group": "Icon sizes",
      "description": "2× large icon size (~40px+). Hero or onboarding icons.",
      "value": "4em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-box-bg",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "icon",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Icon (boxed variant)",
      "description": "Background color for boxed icon containers.",
      "value": "var(--sf-color-inset)",
      "aliasOf": "--sf-color-inset",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-box-border",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "icon",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Icon (boxed variant)",
      "description": "Border for boxed icon containers.",
      "value": "var(--sf-border-width-1) solid var(--sf-color-border)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-box-pad",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "icon",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Icon (boxed variant)",
      "description": "Padding inside boxed icon containers.",
      "value": "0.5em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-box-radius",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "icon",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Icon (boxed variant)",
      "description": "Border radius for boxed icon containers.",
      "value": "var(--sf-radius-s)",
      "aliasOf": "--sf-radius-s",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "icon",
      "category": "Core tokens",
      "area": "core",
      "group": "Icon sizes",
      "description": "Large icon size (~24px). Standalone icon buttons.",
      "value": "2em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "icon",
      "category": "Core tokens",
      "area": "core",
      "group": "Icon sizes",
      "description": "Medium icon size (~20px). Default for inline and button icons.",
      "value": "1.5em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "icon",
      "category": "Core tokens",
      "area": "core",
      "group": "Icon sizes",
      "description": "Small icon size (~16px). Dense UI chrome.",
      "value": "1em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "icon",
      "category": "Core tokens",
      "area": "core",
      "group": "Icon sizes",
      "description": "Extra-large icon size (~32px). Feature icons.",
      "value": "3em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-icon-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "icon",
      "category": "Core tokens",
      "area": "core",
      "group": "Icon sizes",
      "description": "Extra-small icon size (~12px). Inline indicators.",
      "value": "0.875em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-imposter-margin",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "imposter",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Imposter (centered absolute/fixed overlay)",
      "description": "Margin between the imposter overlay and the viewport edges.",
      "value": "var(--sf-space-m)",
      "aliasOf": "--sf-space-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-is-dark",
      "type": "token",
      "tier": "INTERNAL",
      "role": "knob",
      "namespace": "is",
      "category": "Core tokens",
      "area": "core",
      "group": "DARK SOURCE TOKENS (-dark, animatable)",
      "description": "Mode flag — 0 in light mode, 1 in dark mode. Set automatically by [data-theme='dark'] and prefers-color-scheme. Drives dark-mode formula branches in calc().",
      "value": "0",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-leading-normal",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "leading",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Normal line height (~1.5). Default for body text.",
      "value": "1.5",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-leading-relaxed",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "leading",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Relaxed line height (~1.65). Long-form reading text.",
      "value": "1.625",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-leading-snug",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "leading",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Snug line height (~1.35). Use for sub-headings.",
      "value": "1.3",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-leading-taper",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "leading",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Progressive leading tightener: each step up the type scale subtracts step-index × taper from its per-size line-height token. Default 0 keeps the curated defaults.",
      "value": "0",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-leading-tight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "leading",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Tight line height (~1.2). Use for large display headings.",
      "value": "1.1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-line-clamp",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "line",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Line clamp",
      "description": "Number of visible lines before text is clipped with an ellipsis.",
      "value": "3",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-link-external-label",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "link",
      "category": "Core tokens",
      "area": "core",
      "group": "Semantic gap tokens",
      "description": "Accessible name for the .sf-link-external marker glyph, read by screen readers via the CSS content alt-text syntax. Localise or clear alongside --sf-link-external-marker.",
      "value": "\"opens in a new window or external site\"",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-link-external-marker",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "link",
      "category": "Core tokens",
      "area": "core",
      "group": "Semantic gap tokens",
      "description": "CSS content value appended to external links (e.g. \" ↗\"). Used by the .external-link pseudo-element pattern.",
      "value": "\" \\2197\"",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-link-underline-offset",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "link",
      "category": "Core tokens",
      "area": "core",
      "group": "Links",
      "description": "Vertical offset of the link underline from the text baseline.",
      "value": "0.15em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-link-underline-thickness",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "link",
      "category": "Core tokens",
      "area": "core",
      "group": "Links",
      "description": "Stroke width of the link underline.",
      "value": "auto",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-lumlocker",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "lumlocker",
      "category": "Core tokens",
      "area": "core",
      "group": "LumLocker",
      "description": "OKLCH lightness lock value for light mode. When :root has [data-lumlocker], the 4 brand colors (primary, secondary, tertiary, action) are remapped to this L so their contrast remains constant as hues shift. Dark mode uses --sf-lumlocker-dark.",
      "value": "0.65",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-lumlocker-dark",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "lumlocker",
      "category": "Core tokens",
      "area": "core",
      "group": "LumLocker",
      "description": "OKLCH lightness lock value for dark mode under [data-lumlocker]. Defaults to clamp(0.5, calc(1.18 - var(--sf-lumlocker)), 0.92) — the mirror of the light L around the light/dark background midpoint — so the lock keeps equivalent contrast against the surface in both themes. Set explicitly to break the mirror.",
      "value": "clamp(0.5, calc(1.18 - var(--sf-lumlocker)), 0.92)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-mask-scrim-end",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "consumption",
      "namespace": "mask",
      "category": "Core tokens",
      "area": "core",
      "group": "Mask scrim",
      "description": "End stop for edge-fade mask gradients. Mirrors --sf-mask-scrim-start for the trailing edge of a scroll container.",
      "value": "var(--sf-space-l)",
      "aliasOf": "--sf-space-l",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-mask-scrim-start",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "consumption",
      "namespace": "mask",
      "category": "Core tokens",
      "area": "core",
      "group": "Mask scrim",
      "description": "Start stop for edge-fade mask gradients on scroll reels / overflow containers. Use in mask-image: linear-gradient(..., transparent var(--sf-mask-scrim-start)) to fade content near the leading edge.",
      "value": "var(--sf-space-l)",
      "aliasOf": "--sf-space-l",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-media-radius",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "media",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Radius + space:  syntax enables CSS transitions on layout values — border-radius/padding/gap etc. now interpolate instead of snapping. Shadow: syntax:\"*\" (no  type in spec); inherits:true so :root values cascade normally; registers the properties formally for…",
      "value": "0",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-motion-scale",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "motion",
      "category": "Core tokens",
      "area": "core",
      "group": "Scale multipliers",
      "description": "Global motion multiplier. All transition and animation durations multiply by this factor. Set to 0 to disable all motion; reduce below 1 for snappier feel.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-object-fit",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "object",
      "category": "Core tokens",
      "area": "core",
      "group": "Object fit / position",
      "description": "Default object-fit value for replaced elements (img, video).",
      "value": "cover",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-object-position",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "object",
      "category": "Core tokens",
      "area": "core",
      "group": "Object fit / position",
      "description": "Default object-position for replaced elements.",
      "value": "50% 50%",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-opacity-disabled",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "opacity",
      "category": "Core tokens",
      "area": "core",
      "group": "Opacity",
      "description": "Opacity for disabled UI elements (typically 0.4–0.5).",
      "value": "0.45",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-opacity-muted",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "opacity",
      "category": "Core tokens",
      "area": "core",
      "group": "Blur & opacity",
      "description": "General de-emphasis opacity for secondary content, ghost elements, or non-primary layers. Default 0.5.",
      "value": "0.5",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-optical-sizing",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "optical",
      "category": "Core tokens",
      "area": "core",
      "group": "Font families",
      "description": "CSS font-optical-sizing value. 'auto' lets the browser optimize letterforms for the rendered size. Set 'none' to disable optical sizing.",
      "value": "auto",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-overlap-pull",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "overlap",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Overlap recipe",
      "description": "how far .sf-overlap pulls into the adjacent element. .sf-overlap-host's padding compensation defaults to this same value via a var() fallback in the rule itself (not aliased here — see core/macros.css), so one override on the host tunes both unless --sf-overlap-host-pad is set…",
      "value": "var(--sf-space-xl)",
      "aliasOf": "--sf-space-xl",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-palette-shade-l",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "palette",
      "category": "Core tokens",
      "area": "core",
      "group": "Palette ramp lightness anchors",
      "description": "Absolute OKLCH lightness the shade steps (600-950) pull toward; sets how dark the darkest palette step can reach. Default 0.1.",
      "value": "0.1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-palette-tint-l",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "palette",
      "category": "Core tokens",
      "area": "core",
      "group": "Palette ramp lightness anchors",
      "description": "Absolute OKLCH lightness the tint steps (50-400) pull toward; sets how light the lightest palette step can reach. Default 0.97.",
      "value": "0.97",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-print-base-size",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "print",
      "category": "Core tokens",
      "area": "core",
      "group": "Print",
      "description": "Base font size for @media print stylesheets. Default 11pt. Override on :root to adjust printed body text size.",
      "value": "11pt",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-print-page-margin",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "print",
      "category": "Core tokens",
      "area": "core",
      "group": "Print",
      "description": "Page margin for printed output. Default 2cm. Maps to @page margin.",
      "value": "2cm",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-print-page-size",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "print",
      "category": "Core tokens",
      "area": "core",
      "group": "Print",
      "description": "Target paper size for printing. Default 'a4'. Maps to @page size. Common values: a4, letter, legal.",
      "value": "a4",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-block-margin",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Block margin between prose elements (h2, p, ul, etc.).",
      "value": "var(--sf-space-m)",
      "aliasOf": "--sf-space-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-blockquote-border",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Left border style for blockquotes inside prose.",
      "value": "var(--sf-border-width-2) solid var(--sf-color-border--subtle)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-blockquote-padding",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Inner padding for blockquotes inside prose.",
      "value": "var(--sf-space-m)",
      "aliasOf": "--sf-space-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-figcaption-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Font size for figure captions inside .prose. Typically smaller than body text.",
      "value": "var(--sf-text-s)",
      "aliasOf": "--sf-text-s",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-figure-margin",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Block margin around 
 elements inside .prose.",
      "value": "var(--sf-space-l)",
      "aliasOf": "--sf-space-l",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-heading-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Space between a heading and the content that follows it inside .prose.",
      "value": "var(--sf-space-s)",
      "aliasOf": "--sf-space-s",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-hr-margin",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Block margin around 
 rules inside .prose.",
      "value": "var(--sf-space-l)",
      "aliasOf": "--sf-space-l",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-list-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Gap between list items inside .prose.",
      "value": "var(--sf-space-xs)",
      "aliasOf": "--sf-space-xs",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-marker-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Color of list bullets and ordered-list numbers inside .prose.",
      "value": "var(--sf-color-primary)",
      "aliasOf": "--sf-color-primary",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-media-margin",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Block margin around images, video, and figures inside .prose.",
      "value": "var(--sf-space-m)",
      "aliasOf": "--sf-space-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-media-radius",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Border radius applied to images and media inside .prose.",
      "value": "var(--sf-radius-m)",
      "aliasOf": "--sf-radius-m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-nested-list-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Gap between items in nested lists inside .prose.",
      "value": "var(--sf-space-2xs)",
      "aliasOf": "--sf-space-2xs",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-paragraph",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Prose",
      "description": "Max width of prose paragraphs (layout token for the prose layout).",
      "value": "var(--sf-content-gap)",
      "aliasOf": "--sf-content-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-prose-table-pad",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "prose",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Prose",
      "description": "Cell padding for tables inside .prose.",
      "value": "var(--sf-space-xs)",
      "aliasOf": "--sf-space-xs",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-2xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "2× large radius (~20px). Rounded card variants.",
      "value": "calc(24px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-2xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-extra-small radius (~1px). Minimal rounding for very tight UI elements.",
      "value": "calc(1px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-3xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "3× large radius (~24px). Large rounded surfaces.",
      "value": "calc(32px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-4xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "4× large radius (~32px). Near-pill rounding.",
      "value": "calc(48px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-full",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Full rounding (50%). For circular elements like avatars.",
      "value": "9999px",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Large radius (~12px). Modals, popovers, panels.",
      "value": "calc(12px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Medium radius (~6–8px). Default — inputs, standard buttons, cards.",
      "value": "calc(8px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-none",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Zero border radius — square corners.",
      "value": "0",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-outer",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Concentric corner helper: outer radius for a container that wraps content with inner radius of --sf-radius-m. Computed as --sf-radius-m + --sf-component-pad so corners align visually.",
      "value": "calc(var(--sf-radius-m) + var(--sf-component-pad))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-pill",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Pill rounding (9999px). Tags, toggle pills, status badges.",
      "value": "var(--sf-radius-full)",
      "aliasOf": "--sf-radius-full",
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Small radius (~4px). Badges, chips, small buttons.",
      "value": "calc(4px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-scale",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Scale multipliers",
      "description": "Global border-radius multiplier. Scales the entire radius ramp up (>1) or down (<1) from one knob. Set to 0 for sharp corners everywhere.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-large radius (~16px). Prominent cards and feature blocks.",
      "value": "calc(16px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-radius-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "radius",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Hairline radius (~2px). Subtle rounding for tight components.",
      "value": "calc(2px * var(--sf-radius-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ratio-3-2",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ratio",
      "category": "Core tokens",
      "area": "core",
      "group": "Aspect ratios",
      "description": "3:2 aspect ratio. Common for landscape photography.",
      "value": "3 / 2",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ratio-4-3",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ratio",
      "category": "Core tokens",
      "area": "core",
      "group": "Aspect ratios",
      "description": "4:3 aspect ratio. Classic screen ratio.",
      "value": "4 / 3",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ratio-cinema",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ratio",
      "category": "Core tokens",
      "area": "core",
      "group": "Aspect ratios",
      "description": "2.39:1 cinematic widescreen aspect ratio.",
      "value": "21 / 9",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ratio-golden",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ratio",
      "category": "Core tokens",
      "area": "core",
      "group": "Aspect ratios",
      "description": "1.618:1 golden ratio. Harmonious proportions.",
      "value": "1.618 / 1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ratio-portrait",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ratio",
      "category": "Core tokens",
      "area": "core",
      "group": "Aspect ratios",
      "description": "2:3 portrait aspect ratio.",
      "value": "3 / 4",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ratio-square",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ratio",
      "category": "Core tokens",
      "area": "core",
      "group": "Aspect ratios",
      "description": "1:1 square aspect ratio. Use for avatars, icon containers, and square thumbnails.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-ratio-video",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "ratio",
      "category": "Core tokens",
      "area": "core",
      "group": "Aspect ratios",
      "description": "16:9 widescreen video aspect ratio. Use for video embeds and video-thumbnail containers.",
      "value": "16 / 9",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-reel-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "reel",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Reel",
      "description": "Gap between items in the horizontal reel.",
      "value": "var(--sf-gap)",
      "aliasOf": "--sf-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-reel-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "reel",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Reel",
      "description": "Fixed height of the reel container.",
      "value": "auto",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-reel-item-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "reel",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Reel",
      "description": "Width of each item in the reel.",
      "value": "max-content",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-safe-bottom",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "safe",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Device safe-area inset at the bottom edge (home indicator, gesture bar). Resolves to env(safe-area-inset-bottom, 0px). Use for fixed footers.",
      "value": "env(safe-area-inset-bottom, 0px)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-safe-left",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "safe",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Device safe-area inset at the left edge. Resolves to env(safe-area-inset-left, 0px).",
      "value": "env(safe-area-inset-left, 0px)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-safe-right",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "safe",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Device safe-area inset at the right edge (rounded corners, home indicator). Resolves to env(safe-area-inset-right, 0px).",
      "value": "env(safe-area-inset-right, 0px)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-safe-top",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "safe",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Device safe-area inset at the top edge (notch, Dynamic Island). Resolves to env(safe-area-inset-top, 0px). Use for fixed headers on notched devices.",
      "value": "env(safe-area-inset-top, 0px)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scrim-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "scrim",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Scrim",
      "description": "Base color of the gradient scrim overlay.",
      "value": "oklch(0 0 0 / 0.55)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scrim-direction",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "scrim",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Scrim",
      "description": "Direction of the scrim gradient (to bottom, to top, etc.).",
      "value": "to top",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scrim-gradient",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "scrim",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Scrim",
      "description": "Full gradient shorthand for the scrim. Override to customise the fade.",
      "value": "linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scrim-text-shadow",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "scrim",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Scrim",
      "description": "Text-shadow layered over the scrim gradient to ensure legibility for text placed directly on image backgrounds.",
      "value": "0 1px 3px oklch(0 0 0 / 0.6)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scroll-shadow-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "scroll",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Scroll shadow / overflow fade",
      "description": "Size of the scroll-shadow fade effect on overflowing containers.",
      "value": "2rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scroll-timeline-range-end",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "scroll",
      "category": "Core tokens",
      "area": "core",
      "group": "Scroll-driven animation range",
      "description": "animation-range end value for scroll-driven entrance effects. Default 'cover 30%'. Override on an element to control when its entrance animation finishes.",
      "value": "cover 30%",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scroll-timeline-range-exit-end",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "scroll",
      "category": "Core tokens",
      "area": "core",
      "group": "Scroll-driven animation range",
      "description": "Scroll-timeline range at which a scroll-out exit animation finishes. Default: exit 100%.",
      "value": "exit 100%",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scroll-timeline-range-exit-start",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "scroll",
      "category": "Core tokens",
      "area": "core",
      "group": "Scroll-driven animation range",
      "description": "Scroll-timeline range at which a scroll-out exit animation begins. Default: cover 70%.",
      "value": "cover 70%",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scroll-timeline-range-start",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "scroll",
      "category": "Core tokens",
      "area": "core",
      "group": "Scroll-driven animation range",
      "description": "animation-range start value for scroll-driven entrance effects. Default 'entry 0%'. Override on an element to control when its entrance animation begins.",
      "value": "entry 0%",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scrollbar-thumb",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "scrollbar",
      "category": "Core tokens",
      "area": "core",
      "group": "Scrollbar",
      "description": "Color of the custom scrollbar thumb.",
      "value": "var(--sf-color-neutral)",
      "aliasOf": "--sf-color-neutral",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-scrollbar-track",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "scrollbar",
      "category": "Core tokens",
      "area": "core",
      "group": "Scrollbar",
      "description": "Color of the custom scrollbar track.",
      "value": "transparent",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-pad",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Section padding",
      "description": "Default vertical padding for full-width page sections.",
      "value": "var(--sf-section-pad--m)",
      "aliasOf": "--sf-section-pad--m",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-pad--2xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "2× large section vertical padding for hero areas.",
      "value": "calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-pad--l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Large section vertical padding.",
      "value": "calc(var(--sf-space-4xl) * var(--sf-section-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-pad--m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Medium section vertical padding.",
      "value": "calc(var(--sf-space-3xl) * var(--sf-section-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-pad--s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Small section vertical padding.",
      "value": "calc(var(--sf-space-2xl) * var(--sf-section-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-pad--xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-large vertical section padding for hero and feature sections.",
      "value": "calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-pad--xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-small vertical section padding for compact in-page modules.",
      "value": "calc(var(--sf-space-xl) * var(--sf-section-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-section-scale",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "section",
      "category": "Core tokens",
      "area": "core",
      "group": "Scale multipliers",
      "description": "Global multiplier applied to every --sf-section-pad--* size — one dial re-rhythms all section padding (default 1).",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-2xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Largest shadow for hero cards, feature highlights, and marketing surfaces.",
      "value": "0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 0.6), 0.7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), 0.7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-color",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Shadow ramp (box-shadow, text-shadow, drop-shadow)",
      "description": "Near-black shadow tint derived from the neutral palette. Inherits the neutral's chroma and hue so colorless neutrals produce colorless shadows.",
      "value": "oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-glow",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Glow box-shadow shorthand for decorative glow effects.",
      "value": "0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-glow-color",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Shadow glow color",
      "description": "Ambient glow tint used by --sf-shadow-glow. Override to retint all glow shadows; opacity and dark-mode boost are controlled by --sf-shadow-strength.",
      "value": "var(--sf-color-primary)",
      "aliasOf": "--sf-color-primary",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-inner",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Inset shadow for pressed states, inset inputs, and recessed surfaces.",
      "value": "inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Large shadow for drawers, sidebars, and prominent elevated surfaces.",
      "value": "0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 0.5), 0.7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), 0.7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-lightness",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Shadow strength",
      "description": "OKLCH lightness component of the shadow color. Lower = denser-looking shadows. Tune this independently of --sf-shadow-strength to control tonal weight without affecting opacity.",
      "value": "0.15",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Medium shadow for cards and content panels.",
      "value": "0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 0.5), 0.7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-none",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "No box-shadow (resets inherited shadows). Use to explicitly remove elevation.",
      "value": "none",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Small shadow for chips, tags, and inline elevated surfaces.",
      "value": "0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 0.5), 0.7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-strength",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Shadow strength",
      "description": "Base opacity for the entire shadow ramp. Auto-boosted in dark mode via --sf-is-dark. Override with calc() to preserve the adaptation: e.g. calc(0.12 + var(--sf-is-dark) * 0.17).",
      "value": "calc(0.08 + var(--sf-is-dark) * 0.17)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-large shadow for modals, dialogs, and high-elevation sheets.",
      "value": "0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 0.5), 0.7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), 0.7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-shadow-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "shadow",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-small shadow for barely-elevated elements (focused inputs, small chips).",
      "value": "0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 0.5), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-sidebar-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "sidebar",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Sidebar",
      "description": "Gap between sidebar and main content column.",
      "value": "var(--sf-gap)",
      "aliasOf": "--sf-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-sidebar-min-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "sidebar",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Sidebar",
      "description": "Minimum sidebar width before the layout collapses to stacking.",
      "value": "50%",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-sidebar-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "sidebar",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Sidebar",
      "description": "Preferred width of the sidebar column.",
      "value": "18rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-size-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "size",
      "category": "Core tokens",
      "area": "core",
      "group": "UI sizes",
      "description": "Large UI component height (~48px). Touch-friendly interactive elements.",
      "value": "calc(3rem * var(--sf-density))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-size-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "size",
      "category": "Core tokens",
      "area": "core",
      "group": "UI sizes",
      "description": "~40px UI component height (scale rung `m`). The default `.sf-btn` min-height.",
      "value": "calc(2.5rem * var(--sf-density))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-size-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "size",
      "category": "Core tokens",
      "area": "core",
      "group": "UI sizes",
      "description": "Small UI component height (~32px). Compact buttons and input variants.",
      "value": "calc(2rem * var(--sf-density))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-size-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "size",
      "category": "Core tokens",
      "area": "core",
      "group": "UI sizes",
      "description": "Extra-large interactive component height (~56px). For oversized or prominently touch-friendly controls.",
      "value": "calc(3.5rem * var(--sf-density))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-size-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "size",
      "category": "Core tokens",
      "area": "core",
      "group": "UI sizes",
      "description": "Extra-small interactive component height (~24px). For very compact inline elements and micro-controls.",
      "value": "calc(1.5rem * var(--sf-density))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-2xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "48px-equivalent spacing. Large section spacing.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-2xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "4px-equivalent spacing. Tight inline gaps, icon-to-text padding.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-3xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "64px-equivalent spacing. Extra-large layout gaps.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-4xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "96px-equivalent spacing. Hero / page-level section padding.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-base-max",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Maximum base spacing unit (rem) at the widest viewport. Drives the top of the fluid spacing ramp. Part of the fluid scale engine.",
      "value": "2",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-base-min",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Minimum base spacing unit (rem) at the narrowest viewport. Drives the bottom of the fluid spacing ramp. Part of the fluid scale engine.",
      "value": "1",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "24px-equivalent spacing. Card padding, section dividers.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "16px-equivalent spacing. Default unit, widely applicable.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-none",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Zero spacing. Explicit alias for clarity in utility classes.",
      "value": "0",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-px",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "1px spacing. Hairline offset for fine adjustments.",
      "value": "1px",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-ratio-max",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Modular spacing ratio at the widest viewport. Controls step-to-step growth in the spacing ramp. Default 1.333 (perfect fourth). Part of the fluid scale engine.",
      "value": "1.333",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-ratio-min",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Modular spacing ratio at the narrowest viewport. Controls step-to-step growth in the spacing ramp. Default 1.25 (major third). Part of the fluid scale engine.",
      "value": "1.25",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "12px-equivalent spacing. Form field inner padding, narrow gaps.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-scale",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Scale multipliers",
      "description": "Global spacing multiplier. Scales the fluid spacing ramp. Increase above 1 for airier layouts; reduce below 1 for compact UIs.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "32px-equivalent spacing. Feature row gaps, generous section padding.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-space-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "space",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "8px-equivalent spacing. Compact list rows, tab padding.",
      "value": "calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-stack-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "stack",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Stack",
      "description": "Vertical gap between stacked block-level elements in the stack layout.",
      "value": "var(--sf-content-gap)",
      "aliasOf": "--sf-content-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-stagger-step",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "stagger",
      "category": "Core tokens",
      "area": "core",
      "group": "Animation presets",
      "description": "Per-item delay increment for the .sf-stagger utility. One knob retunes the whole staggered sequence; the class multiplies it by each child's index and by --sf-motion-scale.",
      "value": "75ms",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-sticky-offset",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "sticky",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "top offset for position: sticky elements, accounting for the header height.",
      "value": "clamp( var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-sticky-offset-desktop",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "sticky",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Sticky offset at desktop breakpoints.",
      "value": "var(--sf-header-height-desktop)",
      "aliasOf": "--sf-header-height-desktop",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-sticky-offset-mobile",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "sticky",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Sticky offset at mobile breakpoints.",
      "value": "var(--sf-header-height-mobile)",
      "aliasOf": "--sf-header-height-mobile",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-animation",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "animation shorthand applied to the .sf-surface-bg layer, e.g. a slow pan. Default: none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-attachment",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "background-attachment for the .sf-surface-bg image (scroll vs fixed). Default: scroll.",
      "value": "scroll",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "Background colour slot for the .sf-surface-bg macro. Default: transparent.",
      "value": "transparent",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-image",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "Background image slot for the .sf-surface-bg macro (e.g. url(…)). Default: none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-overlay",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "Overlay layer composited above the image in .sf-surface-bg — e.g. a scrim gradient. Default: none.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-position",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "background-position for the .sf-surface-bg image. Default: center.",
      "value": "center",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-repeat",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "background-repeat for the .sf-surface-bg image. Default: no-repeat.",
      "value": "no-repeat",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-bg-size",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Named background surface preset",
      "description": "background-size for the .sf-surface-bg image. Default: cover.",
      "value": "cover",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-surface-color",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "surface",
      "category": "Macro tokens",
      "area": "macros",
      "group": "Surface color",
      "description": "Input for the generic .sf-surface macro. Set any color (including palette shades); the macro derives background, auto-contrast foreground, and the contextual token set from it.",
      "value": "var(--sf-color-base)",
      "aliasOf": "--sf-color-base",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-switcher-gap",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "switcher",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Switcher",
      "description": "Gap between switcher columns / rows.",
      "value": "var(--sf-gap)",
      "aliasOf": "--sf-gap",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-switcher-threshold",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "switcher",
      "category": "Layout tokens",
      "area": "layout",
      "group": "Switcher",
      "description": "Inline-size threshold below which the switcher flips from horizontal to vertical.",
      "value": "30rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "2× large font size (~24px). Section headings.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xl-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for 2×-large text.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xl-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for 2×-large text.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xl-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for 2×-large text.",
      "value": "calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xl-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length for 2×-large text.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Extra-extra-small font size (~11px). Fine print, badges.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xs-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for 2×-extra-small text. Override to deviate from the global weight at this size.",
      "value": "var(--sf-font-weight-body)",
      "aliasOf": "--sf-font-weight-body",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xs-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for 2×-extra-small text.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xs-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for 2×-extra-small text.",
      "value": "var(--sf-leading-relaxed)",
      "aliasOf": "--sf-leading-relaxed",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-2xs-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length (max-width in ch) for 2×-extra-small text.",
      "value": "55ch",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-3xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "3× large font size (~30px). Major headings.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-3xl-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for 3×-large text.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-3xl-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for 3×-large text. Typically negative to tighten large headings.",
      "value": "var(--sf-tracking-tight)",
      "aliasOf": "--sf-tracking-tight",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-3xl-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for 3×-large text.",
      "value": "calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-3xl-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length for 3×-large text.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-4xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "4× large font size (~36px). Display-level headings.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-4xl-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for 4×-large text.",
      "value": "var(--sf-font-weight-heading)",
      "aliasOf": "--sf-font-weight-heading",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-4xl-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for 4×-large text.",
      "value": "var(--sf-tracking-tight)",
      "aliasOf": "--sf-tracking-tight",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-4xl-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for 4×-large text.",
      "value": "calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-4xl-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length for 4×-large text.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-base-max",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Maximum base font size (rem) at the widest viewport. End point for the fluid type scale at wide screens. Part of the fluid scale engine.",
      "value": "1.25",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-base-min",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Minimum base font size (rem) at the narrowest viewport. Starting point for the fluid type scale at narrow screens. Part of the fluid scale engine.",
      "value": "1",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-display-base-max",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Maximum display/hero font size (rem) at the widest viewport. Drives the ceiling of the fluid display type scale. Part of the fluid scale engine.",
      "value": "3",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-display-base-min",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Minimum display/hero font size (rem) at the narrowest viewport. Drives the floor of the fluid display type scale. Part of the fluid scale engine.",
      "value": "2.4",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-display-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Large display font size (~68px+). Oversized hero text.",
      "value": "calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-display-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Medium display font size (~54px). Hero headings.",
      "value": "calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-display-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Small display font size (~42px). Hero sub-headings.",
      "value": "calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-display-scale",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Scale multipliers",
      "description": "Multiplier applied only to the display/hero type scale (--sf-text-display-*). Tune headline impact independently of body text.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Large font size (~18px). Lead paragraphs, prominent labels.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-l-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for large text.",
      "value": "var(--sf-font-weight-body)",
      "aliasOf": "--sf-font-weight-body",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-l-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for large text.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-l-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for large text.",
      "value": "calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-l-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length for large text.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Medium / base font size (~16px). Typical body text.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-m-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for medium (body) text.",
      "value": "var(--sf-font-weight-body)",
      "aliasOf": "--sf-font-weight-body",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-m-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for medium text.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-m-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for medium text.",
      "value": "calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-m-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal reading line length for medium text (~65–75ch).",
      "value": "65ch",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-ratio-max",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Modular type scale ratio at the widest viewport. Controls step-to-step size growth. Default 1.333. Part of the fluid scale engine.",
      "value": "1.333",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-ratio-min",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "FLUID SCALE ENGINE",
      "description": "Modular type scale ratio at the narrowest viewport. Controls step-to-step size growth in the fluid type ramp. Default 1.25. Part of the fluid scale engine.",
      "value": "1.25",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Small font size (~14px). Secondary content, UI annotations.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-s-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for small text.",
      "value": "var(--sf-font-weight-body)",
      "aliasOf": "--sf-font-weight-body",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-s-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for small text.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-s-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for small text.",
      "value": "calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-s-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length for small text.",
      "value": "65ch",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-scale",
      "type": "token",
      "tier": "PUBLIC-ADVANCED",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Scale multipliers",
      "description": "Global type-size multiplier. Scales the entire fluid type scale. 1.08 gives noticeably larger body text without breaking layout.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-shadow-l",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Large text-shadow for high-contrast text over busy or dark image backgrounds.",
      "value": "0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-shadow-m",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Medium text-shadow. Use for text overlaid on images to improve legibility.",
      "value": "0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-shadow-none",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Removes text-shadow (use to explicitly reset inherited shadows).",
      "value": "none",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-shadow-s",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Small text-shadow for subtle depth on display headings.",
      "value": "0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-shadow-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-large text-shadow for maximum legibility over busy or high-contrast image backgrounds.",
      "value": "0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-shadow-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Output token @property registrations",
      "description": "Extra-small text-shadow for the subtlest depth on body text.",
      "value": "0 0.5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), 0.7))",
      "aliasOf": null,
      "registered": true,
      "animatable": true,
      "syntax": "*",
      "inherits": true,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xl",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Extra-large font size (~20px). Sub-headings, callout text.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xl-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for extra-large text.",
      "value": "var(--sf-font-weight-body)",
      "aliasOf": "--sf-font-weight-body",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xl-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for extra-large text.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xl-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for extra-large text.",
      "value": "calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xl-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length for extra-large text.",
      "value": "none",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xs",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Font sizes",
      "description": "Extra-small font size (~12px). Labels, captions, metadata.",
      "value": "calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xs-font-weight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Font weight for extra-small text.",
      "value": "var(--sf-font-weight-body)",
      "aliasOf": "--sf-font-weight-body",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xs-letter-spacing",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Letter-spacing for extra-small text.",
      "value": "var(--sf-tracking-normal)",
      "aliasOf": "--sf-tracking-normal",
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xs-line-height",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Line height for extra-small text.",
      "value": "calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-text-xs-max-width",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "text",
      "category": "Core tokens",
      "area": "core",
      "group": "Per-size typography sub-properties",
      "description": "Optimal line length for extra-small text.",
      "value": "60ch",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-theme-transition-duration",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "theme",
      "category": "Core tokens",
      "area": "core",
      "group": "Motion & easing",
      "description": "Duration of the .sf-theme-transition animated color-scheme crossfade. Scales with --sf-motion-scale so reduced-motion preferences are respected. Default 300ms.",
      "value": "calc(300ms * var(--sf-motion-scale))",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-touch-target",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "touch",
      "category": "Core tokens",
      "area": "core",
      "group": "Layout & a11y",
      "description": "Minimum touch-target size for interactive elements per WCAG 2.5.5. Fixed 44px anchor, independent of the --sf-size-* scale.",
      "value": "2.75rem",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-tracking-normal",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "tracking",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Normal letter-spacing (0). Default for body text.",
      "value": "0",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-tracking-tight",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "tracking",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Tight letter-spacing (slightly negative). Suitable for large headings.",
      "value": "-0.025em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-tracking-wide",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "tracking",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Wide letter-spacing. Use for small-caps labels.",
      "value": "0.025em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-tracking-wider",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "tracking",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Wider letter-spacing for strongly spaced labels.",
      "value": "0.05em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-tracking-widest",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "tracking",
      "category": "Core tokens",
      "area": "core",
      "group": "Line heights & letter spacing",
      "description": "Widest letter-spacing for all-caps microcopy.",
      "value": "0.1em",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-colors",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Transition shorthand for color-related properties (color, background, border-color).",
      "value": "color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-enter",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Enter-phase transition (ease-out). Use on elements appearing in the viewport.",
      "value": "color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-exit",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Exit-phase transition (ease-in). Use on elements leaving the viewport.",
      "value": "color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-fast",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Fast-duration transition shorthand.",
      "value": "color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-form-field",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Transition shorthand optimised for form fields: color and background at normal pace so label color shifts feel natural; border, shadow, and opacity at fast pace so focus rings appear crisply.",
      "value": "color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-opacity",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Transition shorthand for opacity.",
      "value": "opacity var(--sf-duration-normal) var(--sf-ease-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-overlay",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Transition shorthand for overlay fades (opacity + visibility).",
      "value": "overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-shadow",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Transition shorthand for box-shadow.",
      "value": "box-shadow var(--sf-duration-normal) var(--sf-ease-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-slow",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Slow-duration transition shorthand.",
      "value": "color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-transition-transform",
      "type": "token",
      "tier": "PUBLIC",
      "role": "consumption",
      "namespace": "transition",
      "category": "Core tokens",
      "area": "core",
      "group": "Transition shorthands",
      "description": "Transition shorthand for transform.",
      "value": "transform var(--sf-duration-normal) var(--sf-ease-out)",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-base",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Base stacking level (1). Establishes a stacking context without elevation.",
      "value": "0",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-below",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index below stacking context base. For decorative pseudo-elements.",
      "value": "-1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-dropdown",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index for dropdown menus and select popups.",
      "value": "1020",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-fixed",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index for position: fixed elements.",
      "value": "1010",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-modal",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index for modal dialogs and their non-top-layer backdrop scrims. Sits above overlays and dropdowns. Default 1040.",
      "value": "1040",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-overlay",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index for modal / dialog backdrops.",
      "value": "1030",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-raised",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Raised elevation (50). Cards, sticky headers.",
      "value": "1",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-sticky",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index for position: sticky elements (navbars, table headers).",
      "value": "1000",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-toast",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index for toast / snackbar notifications.",
      "value": "1050",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "--sf-z-tooltip",
      "type": "token",
      "tier": "PUBLIC",
      "role": "knob",
      "namespace": "z",
      "category": "Core tokens",
      "area": "core",
      "group": "Z-index",
      "description": "Z-index for tooltips and transient floating notifications. Highest named layer in the z-index stack. Default 1060.",
      "value": "1060",
      "aliasOf": null,
      "registered": false,
      "animatable": false,
      "syntax": null,
      "inherits": null,
      "optional": false,
      "layer": "slashed.tokens",
      "sourceFiles": [
        "core/tokens.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "no-motion",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".no-motion",
      "prefix": "",
      "kind": "accessibility",
      "category": "Accessibility",
      "area": "accessibility",
      "group": "",
      "description": "Suppresses all animations and transitions within the subtree. Apply to a container to create a reduced-motion zone without relying on the system preference.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.accessibility",
      "sourceFiles": [
        "core/accessibility.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "no-print",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".no-print",
      "prefix": "",
      "kind": "print",
      "category": "Print",
      "area": "print",
      "group": "",
      "description": "Hides the element in @media print. Use on sidebars, navigation bars, and decorative elements that should not appear on paper.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.print",
      "sourceFiles": [
        "core/print.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "print-color-exact",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".print-color-exact",
      "prefix": "",
      "kind": "print",
      "category": "Print",
      "area": "print",
      "group": "",
      "description": "Forces exact color rendering in print (print-color-adjust: exact). Use on charts and colored badges that must preserve their fill colors in print.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.print",
      "sourceFiles": [
        "core/print.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "print-no-color",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".print-no-color",
      "prefix": "",
      "kind": "print",
      "category": "Print",
      "area": "print",
      "group": "",
      "description": "Strips color information in print (print-color-adjust: economy). Defers to the printer's ink-saving mode for backgrounds and non-critical color fills.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.print",
      "sourceFiles": [
        "core/print.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "print-only",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".print-only",
      "prefix": "",
      "kind": "print",
      "category": "Print",
      "area": "print",
      "group": "",
      "description": "Hides the element on screen (display: none) but shows it in @media print. Use for print-only headers, footers, and supplementary content not needed on screen.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.print",
      "sourceFiles": [
        "core/print.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-alternate",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-alternate",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Zigzag / alternating two-column layout. Even children align image-left/text-right; odd children flip. Collapses to a single column below the breakpoint.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-aspect",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-aspect",
      "prefix": "sf",
      "kind": "macro",
      "category": "Macro classes",
      "area": "macros",
      "group": "",
      "description": "Sets aspect-ratio from a --sf-aspect-ratio scoped token. Override the token inline to get any ratio without a new class.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.macros",
      "sourceFiles": [
        "core/macros.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Auto-fill bento grid for card dashboards. Children span 1 column by default; use span modifiers (sf-bento-wide, sf-bento-tall, sf-bento-full, sf-bento-featured) to break the grid.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento--2",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento--2",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Bento grid variant with a 2-column base layout.",
      "isVariant": true,
      "baseClass": "sf-bento",
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento--3",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento--3",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Bento grid variant with a 3-column base layout.",
      "isVariant": true,
      "baseClass": "sf-bento",
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento--6",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento--6",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Bento grid variant with a 6-column base layout.",
      "isVariant": true,
      "baseClass": "sf-bento",
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento--row-compact",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento--row-compact",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Bento grid variant with shorter default row height.",
      "isVariant": true,
      "baseClass": "sf-bento",
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento--row-tall",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento--row-tall",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Bento grid variant with taller default row height.",
      "isVariant": true,
      "baseClass": "sf-bento",
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento-featured",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento-featured",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Span modifier for a bento item: takes up 2×2 cells (featured hero placement).",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento-full",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento-full",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Span modifier for a bento item: stretches across all columns (full-width banner).",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento-tall",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento-tall",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Span modifier for a bento item: doubles the row height (tall card).",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bento-wide",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bento-wide",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Span modifier for a bento item: spans 2 columns (wide card).",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-bg-layer",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-bg-layer",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Background layer — absolutely-positioned cover media that sits behind a parent's content. The parent is auto-promoted to a positioned, isolated stacking context via :has(), so .sf-bg-layer composes natively under .sf-scrim (background → scrim gradient → content). Works as a bare  or as a wrapper with a nested > img / > video / > picture.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-box",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-box",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Minimal padding container that applies --sf-component-pad on all sides. The simplest layout primitive for adding breathing room.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-breakout",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-breakout",
      "prefix": "sf",
      "kind": "layout",
      "category": "Layout primitives",
      "area": "layout",
      "group": "",
      "description": "Breaks a child element out of a parent sf-content-grid, spanning full bleed (or a named grid area) regardless of the parent column. Useful for full-width sections inside constrained prose.",
      "isVariant": false,
      "baseClass": null,
      "optional": false,
      "layer": "slashed.layout",
      "sourceFiles": [
        "core/layout.css"
      ],
      "bundles": [
        "full",
        "optimal"
      ]
    },
    {
      "name": "sf-btn",
      "type": "class",
      "tier": "PUBLIC",
      "selector": ".sf-btn",
      "prefix": "sf",
      "kind": "component",
      "category": "Components",
      "area": "components",
      "group": ".sf-btn",
      "description": "Interactive call-to-action button. Apply to