{ "$description": "Notchset design tokens (W3C DTCG), generated from src/system/theme.css and foundation.css by scripts/gen-figma-tokens.ts. Collections: Theme (Light, Dark), Metal (Amethyst, Graphite: the two Signatures), Density (Desktop, Touch, Phone), Foundation. Every value is resolved per mode; each token's WEB code syntax is the CSS variable it stands for.", "Theme": { "Light": { "shadcn": { "background": { "$type": "color", "$value": "#f7f7f8", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--background)" } } } }, "foreground": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--foreground)" } } } }, "card": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--card)" } } } }, "card-foreground": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--card-foreground)" } } } }, "popover": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--popover)" } } } }, "popover-foreground": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--popover-foreground)" } } } }, "primary": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--primary)" } } } }, "primary-foreground": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--primary-foreground)" } } } }, "secondary": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--secondary)" } } } }, "secondary-foreground": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--secondary-foreground)" } } } }, "muted": { "$type": "color", "$value": "#f4f4f6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--muted)" } } } }, "muted-foreground": { "$type": "color", "$value": "#5c5c66", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--muted-foreground)" } } } }, "accent": { "$type": "color", "$value": "#f7f7f9", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--accent)" } } } }, "accent-foreground": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--accent-foreground)" } } } }, "destructive": { "$type": "color", "$value": "#e5484d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--destructive)" } } } }, "border": { "$type": "color", "$value": "#e6e6ea", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--border)" } } } }, "input": { "$type": "color", "$value": "#e6e6ea", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--input)" } } } }, "ring": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ring)" } } } }, "success": { "$type": "color", "$value": "#2f8f5f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--success)" } } } }, "warning": { "$type": "color", "$value": "#9a5a12", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--warning)" } } } } }, "chart": { "1": { "$type": "color", "$value": "#8f9bb3", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-1)" } } } }, "2": { "$type": "color", "$value": "#38a6d6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-2)" } } } }, "3": { "$type": "color", "$value": "#9b87f5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-3)" } } } }, "4": { "$type": "color", "$value": "#e3a33b", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-4)" } } } }, "5": { "$type": "color", "$value": "#ec7d55", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-5)" } } } }, "series": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series)" } } } }, "series-lilac": { "$type": "color", "$value": "#c084fc", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-lilac)" } } } }, "series-tint": { "$type": "number", "$value": 0.3, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-tint)" } } } }, "series-glow": { "$type": "number", "$value": 0.25, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-glow)" } } } }, "state-doing": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-state-doing)" } } } }, "state-review": { "$type": "color", "$value": "#2a78d6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-state-review)" } } } }, "state-done": { "$type": "color", "$value": "#2f8f5f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-state-done)" } } } }, "cat-1": { "$type": "color", "$value": "#2a78d6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-1)" } } } }, "cat-2": { "$type": "color", "$value": "#eb6834", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-2)" } } } }, "cat-3": { "$type": "color", "$value": "#1baf7a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-3)" } } } }, "cat-4": { "$type": "color", "$value": "#eda100", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-4)" } } } }, "cat-5": { "$type": "color", "$value": "#e87ba4", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-5)" } } } }, "cat-6": { "$type": "color", "$value": "#008300", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-6)" } } } }, "series-core": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-core)" } } } } }, "sidebar": { "base": { "$type": "color", "$value": "#f3f3f5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar)" } } } }, "foreground": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-foreground)" } } } }, "primary": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-primary)" } } } }, "primary-foreground": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-primary-foreground)" } } } }, "accent": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-accent)" } } } }, "accent-foreground": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-accent-foreground)" } } } }, "border": { "$type": "color", "$value": "#e6e6ea", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-border)" } } } }, "ring": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-ring)" } } } } }, "ns": { "ink-3": { "$type": "color", "$value": "#6e6e78", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink-3)" } } } }, "line-soft": { "$type": "color", "$value": "#efeff2", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-line-soft)" } } } }, "selected": { "$type": "color", "$value": "#f2f2f5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-selected)" } } } }, "sheet": { "$type": "color", "$value": "#f3f3f5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sheet)" } } } }, "signal": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-signal)" } } } }, "tint": { "$type": "number", "$value": 0.1, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tint)" } } } }, "tint-ink": { "$type": "number", "$value": 0.62, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tint-ink)" } } } }, "bezel": { "$type": "shadow", "$value": [ { "color": "#10101817", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "0.5px" }, { "color": "#10101812", "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px" }, { "color": "#10101814", "offsetX": "0px", "offsetY": "2px", "blur": "5px", "spread": "-2px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-bezel)" } } } }, "lift": { "$type": "shadow", "$value": [ { "color": "#ffffff2e", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": true }, { "color": "#000000", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#10101859", "offsetX": "0px", "offsetY": "2px", "blur": "6px", "spread": "-1px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-lift)" } } } }, "shadow-float": { "$type": "shadow", "$value": [ { "color": "#e6e6ea", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#1010182e", "offsetX": "0px", "offsetY": "18px", "blur": "40px", "spread": "-12px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-shadow-float)" } } } }, "shadow-dialog": { "$type": "shadow", "$value": [ { "color": "#e6e6ea", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#10101847", "offsetX": "0px", "offsetY": "30px", "blur": "70px", "spread": "-20px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-shadow-dialog)" } } } }, "shadow-panel": { "$type": "shadow", "$value": [ { "color": "#e6e6ea", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#14141e38", "offsetX": "0px", "offsetY": "24px", "blur": "48px", "spread": "-28px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-shadow-panel)" } } } }, "wash-graphite": { "$type": "color", "$value": "#dfe3ea", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-graphite)" } } } }, "wash-sand": { "$type": "color", "$value": "#efe2cf", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-sand)" } } } }, "wash-sage": { "$type": "color", "$value": "#d9e5da", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-sage)" } } } }, "wash-dusk": { "$type": "color", "$value": "#dadef2", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-dusk)" } } } }, "wash-clay": { "$type": "color", "$value": "#f0d9cf", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-clay)" } } } }, "wash-ink": { "$type": "color", "$value": "#17181c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-ink)" } } } }, "orb-deep": { "$type": "color", "$value": "#a597f5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-deep)" } } } }, "orb-core": { "$type": "color", "$value": "#9a8af2", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-core)" } } } }, "orb-body": { "$type": "color", "$value": "#b9acf9", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-body)" } } } }, "orb-lift": { "$type": "shadow", "$value": [ { "color": "#d6bdfd", "offsetX": "", "blur": "0px", "spread": "0px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-lift)" } } } }, "orb-rim": { "$type": "color", "$value": "#9a72f2", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-rim)" } } } }, "orb-cool": { "$type": "color", "$value": "#b4c3ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-cool)" } } } }, "orb-warm": { "$type": "color", "$value": "#f5bfdc", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-warm)" } } } }, "orb-dawn": { "$type": "color", "$value": "#ffe1cf", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-dawn)" } } } }, "orb-skin-hi": { "$type": "color", "$value": "#f7f4ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-skin-hi)" } } } }, "orb-skin-mid": { "$type": "color", "$value": "#b3a6f7", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-skin-mid)" } } } }, "orb-skin-lo": { "$type": "color", "$value": "#7564dc", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-skin-lo)" } } } }, "orb-inner": { "$type": "color", "$value": "#fffcffeb", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-inner)" } } } }, "orb-limb": { "$type": "color", "$value": "#342e5c42", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-limb)" } } } }, "orb-limb-from": { "$type": "number", "$value": 0.7, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-limb-from)" } } } }, "orb-key": { "$type": "number", "$value": 0, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-key)" } } } }, "orb-edge": { "$type": "color", "$value": "#302e424d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-edge)" } } } }, "orb-grain": { "$type": "number", "$value": 0.22, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-grain)" } } } }, "orb-halo": { "$type": "color", "$value": "#8b70f057", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-halo)" } } } }, "orb-ground": { "$type": "color", "$value": "#6d5bd033", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-ground)" } } } }, "flood-deep": { "$type": "color", "$value": "#4c4fb8", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-deep)" } } } }, "flood-pill-ink": { "$type": "color", "$value": "#1f1d4a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-pill-ink)" } } } }, "flood-mid": { "$type": "color", "$value": "#5d62c8", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-mid)" } } } }, "flood-light": { "$type": "color", "$value": "#aeb0ee", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-light)" } } } }, "flood-pale": { "$type": "color", "$value": "#e6e5fb", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-pale)" } } } }, "flood-bloom": { "$type": "color", "$value": "#ffffff4d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-bloom)" } } } }, "flood-dial-bloom": { "$type": "color", "$value": "#ffffff57", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-dial-bloom)" } } } }, "flood-sheen": { "$type": "color", "$value": "#ffffff1a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-sheen)" } } } }, "flood-ink-low": { "$type": "color", "$value": "#1f1d4a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-ink-low)" } } } }, "flood-arc": { "$type": "color", "$value": "#a77ff0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-arc)" } } } }, "flood-shadow": { "$type": "shadow", "$value": [ { "color": "#00000000", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "rgb(255" }, { "color": "#28247859", "offsetX": "0px", "offsetY": "18px", "blur": "40px", "spread": "-22px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-shadow)" } } } }, "flood-aurora": { "$type": "number", "$value": 1, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-aurora)" } } } }, "flood-glass": { "$type": "number", "$value": 0, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-glass)" } } } }, "canvas": { "$type": "color", "$value": "#f7f7f8", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-canvas)" } } } }, "side": { "$type": "color", "$value": "#f3f3f5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-side)" } } } }, "panel": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-panel)" } } } }, "raised": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-raised)" } } } }, "well": { "$type": "color", "$value": "#f4f4f6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-well)" } } } }, "hover": { "$type": "color", "$value": "#f7f7f9", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-hover)" } } } }, "line": { "$type": "color", "$value": "#e6e6ea", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-line)" } } } }, "ink": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink)" } } } }, "ink-2": { "$type": "color", "$value": "#5c5c66", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink-2)" } } } }, "ink-4": { "$type": "color", "$value": "#88888f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink-4)" } } } }, "ok": { "$type": "color", "$value": "#2f8f5f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ok)" } } } }, "warn": { "$type": "color", "$value": "#9a5a12", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-warn)" } } } }, "bad": { "$type": "color", "$value": "#e5484d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-bad)" } } } }, "bad-ink": { "$type": "color", "$value": "#8b3335", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-bad-ink)" } } } }, "ok-ink": { "$type": "color", "$value": "#26593e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ok-ink)" } } } }, "range": { "$type": "color", "$value": "#0c0c0e14", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-range)" } } } }, "series": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series)" } } } }, "series-tint": { "$type": "number", "$value": 0.3, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series-tint)" } } } }, "series-lilac": { "$type": "color", "$value": "#c084fc", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series-lilac)" } } } }, "glow": { "$type": "number", "$value": 0.25, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glow)" } } } }, "series-core": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series-core)" } } } }, "pulse": { "$type": "color", "$value": "#2f8f5f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-pulse)" } } } }, "state-todo": { "$type": "color", "$value": "#6e6e78", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-todo)" } } } }, "state-doing": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-doing)" } } } }, "state-review": { "$type": "color", "$value": "#2a78d6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-review)" } } } }, "state-done": { "$type": "color", "$value": "#2f8f5f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-done)" } } } }, "heat": { "$type": "color", "$value": "#2f8f5f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-heat)" } } } }, "cat-1": { "$type": "color", "$value": "#2a78d6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-1)" } } } }, "cat-2": { "$type": "color", "$value": "#eb6834", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-2)" } } } }, "cat-3": { "$type": "color", "$value": "#1baf7a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-3)" } } } }, "cat-4": { "$type": "color", "$value": "#eda100", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-4)" } } } }, "cat-5": { "$type": "color", "$value": "#e87ba4", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-5)" } } } }, "cat-6": { "$type": "color", "$value": "#008300", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-6)" } } } }, "warn-ink": { "$type": "color", "$value": "#5f3b19", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-warn-ink)" } } } }, "band": { "$type": "color", "$value": "#0c0c0e17", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band)" } } } }, "band-edge": { "$type": "color", "$value": "#0c0c0e61", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band-edge)" } } } }, "band-optimal": { "$type": "color", "$value": "#2f8f5f3d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band-optimal)" } } } }, "standing-in": { "$type": "color", "$value": "#2f8f5f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-standing-in)" } } } }, "standing-out": { "$type": "color", "$value": "#9a5a12", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-standing-out)" } } } }, "standing-critical": { "$type": "color", "$value": "#e5484d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-standing-critical)" } } } }, "sleep-awake": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-awake)" } } } }, "sleep-rem": { "$type": "color", "$value": "#2a78d6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-rem)" } } } }, "sleep-light": { "$type": "color", "$value": "#b8b6ee", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-light)" } } } }, "sleep-deep": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-deep)" } } } }, "glass": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glass)" } } } }, "glass-shadow": { "$type": "shadow", "$value": [ { "color": "#e6e6ea", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#1010182e", "offsetX": "0px", "offsetY": "18px", "blur": "40px", "spread": "-12px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glass-shadow)" } } } }, "glass-blur": { "$type": "dimension", "$value": "0px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glass-blur)" } } } }, "tile-shadow": { "$type": "shadow", "$value": [ { "color": "#10101817", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "0.5px" }, { "color": "#10101812", "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px" }, { "color": "#10101814", "offsetX": "0px", "offsetY": "2px", "blur": "5px", "spread": "-2px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tile-shadow)" } } } }, "radius-card": { "$type": "dimension", "$value": "12px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-radius-card)" } } } }, "light-1": { "$type": "color", "$value": "#b9acf9", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-1)" } } } }, "light-2": { "$type": "color", "$value": "#b4c3ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-2)" } } } }, "light-3": { "$type": "color", "$value": "#f5bfdc", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-3)" } } } }, "light-strength": { "$type": "number", "$value": 0.7, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-strength)" } } } }, "light-spread": { "$type": "number", "$value": 0.95, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-spread)" } } } }, "flood-ink": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-ink)" } } } }, "flood-pane-edge": { "$type": "shadow", "$value": [ { "color": "#ffffff38", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": true }, { "color": "#ffffff12", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px", "inset": true }, { "color": "#c8bef024", "offsetX": "0px", "offsetY": "0px", "blur": "26px", "spread": "1px", "inset": true } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-pane-edge)" } } } }, "deep": { "$type": "color", "$value": "#0c0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep)" } } } }, "deep-ink": { "$type": "color", "$value": "#f7f7f8", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep-ink)" } } } }, "deep-ink-2": { "$type": "color", "$value": "#a2a2a4", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep-ink-2)" } } } }, "deep-line": { "$type": "color", "$value": "#2a2a2c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep-line)" } } } }, "lit-edge": { "$type": "shadow", "$value": [ { "color": "#00000000", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "0px", "inset": true } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-lit-edge)" } } } }, "mesh": { "$type": "number", "$value": 0.3, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-mesh)" } } } }, "mesh-frost": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-mesh-frost)" } } } }, "band-grade": { "$type": "color", "$value": "#0c0c0e0d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band-grade)" } } } } } }, "Dark": { "shadcn": { "background": { "$type": "color", "$value": "#0b0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--background)" } } } }, "foreground": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--foreground)" } } } }, "card": { "$type": "color", "$value": "#101114", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--card)" } } } }, "card-foreground": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--card-foreground)" } } } }, "popover": { "$type": "color", "$value": "#17181c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--popover)" } } } }, "popover-foreground": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--popover-foreground)" } } } }, "primary": { "$type": "color", "$value": "#f2f2f3", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--primary)" } } } }, "primary-foreground": { "$type": "color", "$value": "#0b0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--primary-foreground)" } } } }, "secondary": { "$type": "color", "$value": "#17181c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--secondary)" } } } }, "secondary-foreground": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--secondary-foreground)" } } } }, "muted": { "$type": "color", "$value": "#0a0b0d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--muted)" } } } }, "muted-foreground": { "$type": "color", "$value": "#a3a3ad", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--muted-foreground)" } } } }, "accent": { "$type": "color", "$value": "#15161a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--accent)" } } } }, "accent-foreground": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--accent-foreground)" } } } }, "destructive": { "$type": "color", "$value": "#e5484d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--destructive)" } } } }, "border": { "$type": "color", "$value": "#1e1f24", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--border)" } } } }, "input": { "$type": "color", "$value": "#1e1f24", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--input)" } } } }, "ring": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ring)" } } } }, "success": { "$type": "color", "$value": "#4cc38a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--success)" } } } }, "warning": { "$type": "color", "$value": "#e8a35a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--warning)" } } } } }, "chart": { "1": { "$type": "color", "$value": "#8f9bb3", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-1)" } } } }, "2": { "$type": "color", "$value": "#38a6d6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-2)" } } } }, "3": { "$type": "color", "$value": "#9b87f5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-3)" } } } }, "4": { "$type": "color", "$value": "#e3a33b", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-4)" } } } }, "5": { "$type": "color", "$value": "#ec7d55", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-5)" } } } }, "series": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series)" } } } }, "series-lilac": { "$type": "color", "$value": "#d8b4fe", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-lilac)" } } } }, "series-tint": { "$type": "number", "$value": 0.38, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-tint)" } } } }, "series-glow": { "$type": "number", "$value": 0.45, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-glow)" } } } }, "state-doing": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-state-doing)" } } } }, "state-review": { "$type": "color", "$value": "#3987e5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-state-review)" } } } }, "state-done": { "$type": "color", "$value": "#3aa874", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-state-done)" } } } }, "cat-1": { "$type": "color", "$value": "#3987e5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-1)" } } } }, "cat-2": { "$type": "color", "$value": "#d95926", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-2)" } } } }, "cat-3": { "$type": "color", "$value": "#199e70", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-3)" } } } }, "cat-4": { "$type": "color", "$value": "#c98500", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-4)" } } } }, "cat-5": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-5)" } } } }, "cat-6": { "$type": "color", "$value": "#008300", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-cat-6)" } } } }, "series-core": { "$type": "color", "$value": "#f3f0ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-core)" } } } } }, "sidebar": { "base": { "$type": "color", "$value": "#0d0e11", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar)" } } } }, "foreground": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-foreground)" } } } }, "primary": { "$type": "color", "$value": "#f2f2f3", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-primary)" } } } }, "primary-foreground": { "$type": "color", "$value": "#0b0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-primary-foreground)" } } } }, "accent": { "$type": "color", "$value": "#17181c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-accent)" } } } }, "accent-foreground": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-accent-foreground)" } } } }, "border": { "$type": "color", "$value": "#1e1f24", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-border)" } } } }, "ring": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--sidebar-ring)" } } } } }, "ns": { "ink-3": { "$type": "color", "$value": "#8a8a94", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink-3)" } } } }, "line-soft": { "$type": "color", "$value": "#17181c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-line-soft)" } } } }, "selected": { "$type": "color", "$value": "#1a1b20", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-selected)" } } } }, "sheet": { "$type": "color", "$value": "#131418", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sheet)" } } } }, "signal": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-signal)" } } } }, "tint": { "$type": "number", "$value": 0.15, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tint)" } } } }, "tint-ink": { "$type": "number", "$value": 0.85, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tint-ink)" } } } }, "bezel": { "$type": "shadow", "$value": [ { "color": "#ffffff0f", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": true }, { "color": "#24252b", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#00000080", "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-bezel)" } } } }, "lift": { "$type": "shadow", "$value": [ { "color": "#ffffffe6", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": true }, { "color": "#ffffff33", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#00000099", "offsetX": "0px", "offsetY": "2px", "blur": "6px", "spread": "-1px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-lift)" } } } }, "shadow-float": { "$type": "shadow", "$value": [ { "color": "#1e1f24", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#0000008c", "offsetX": "0px", "offsetY": "18px", "blur": "40px", "spread": "-12px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-shadow-float)" } } } }, "shadow-dialog": { "$type": "shadow", "$value": [ { "color": "#1e1f24", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#00000099", "offsetX": "0px", "offsetY": "30px", "blur": "70px", "spread": "-20px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-shadow-dialog)" } } } }, "shadow-panel": { "$type": "shadow", "$value": [ { "color": "#1e1f24", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#00000099", "offsetX": "0px", "offsetY": "24px", "blur": "48px", "spread": "-24px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-shadow-panel)" } } } }, "wash-graphite": { "$type": "color", "$value": "#262a33", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-graphite)" } } } }, "wash-sand": { "$type": "color", "$value": "#2f2820", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-sand)" } } } }, "wash-sage": { "$type": "color", "$value": "#1f2a23", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-sage)" } } } }, "wash-dusk": { "$type": "color", "$value": "#23263f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-dusk)" } } } }, "wash-clay": { "$type": "color", "$value": "#33241f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-clay)" } } } }, "wash-ink": { "$type": "color", "$value": "#040405", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-wash-ink)" } } } }, "orb-deep": { "$type": "color", "$value": "#2a1f78", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-deep)" } } } }, "orb-core": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-core)" } } } }, "orb-body": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-body)" } } } }, "orb-lift": { "$type": "shadow", "$value": [ { "color": "#d8b4fe", "offsetX": "", "blur": "0px", "spread": "0px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-lift)" } } } }, "orb-rim": { "$type": "color", "$value": "#d8b4fe", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-rim)" } } } }, "orb-cool": { "$type": "color", "$value": "#8fa6ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-cool)" } } } }, "orb-warm": { "$type": "color", "$value": "#f2a6cf", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-warm)" } } } }, "orb-dawn": { "$type": "color", "$value": "#ffcfb3", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-dawn)" } } } }, "orb-skin-hi": { "$type": "color", "$value": "#9d8ff2", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-skin-hi)" } } } }, "orb-skin-mid": { "$type": "color", "$value": "#5443b8", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-skin-mid)" } } } }, "orb-skin-lo": { "$type": "color", "$value": "#160f45", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-skin-lo)" } } } }, "orb-inner": { "$type": "color", "$value": "#00000000", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-inner)" } } } }, "orb-limb": { "$type": "color", "$value": "#0402149e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-limb)" } } } }, "orb-limb-from": { "$type": "number", "$value": 0.46, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-limb-from)" } } } }, "orb-key": { "$type": "number", "$value": 1, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-key)" } } } }, "orb-edge": { "$type": "color", "$value": "#ffffff12", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-edge)" } } } }, "orb-grain": { "$type": "number", "$value": 0.42, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-grain)" } } } }, "orb-halo": { "$type": "color", "$value": "#8b7cf66b", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-halo)" } } } }, "orb-ground": { "$type": "color", "$value": "#8b7cf64d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-orb-ground)" } } } }, "flood-deep": { "$type": "color", "$value": "#2e2580", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-deep)" } } } }, "flood-pill-ink": { "$type": "color", "$value": "#2e2580", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-pill-ink)" } } } }, "flood-mid": { "$type": "color", "$value": "#463f9e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-mid)" } } } }, "flood-light": { "$type": "color", "$value": "#4b44a4", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-light)" } } } }, "flood-pale": { "$type": "color", "$value": "#554eaf", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-pale)" } } } }, "flood-bloom": { "$type": "color", "$value": "#ebe6ff1a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-bloom)" } } } }, "flood-dial-bloom": { "$type": "color", "$value": "#ebe6ff0f", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-dial-bloom)" } } } }, "flood-sheen": { "$type": "color", "$value": "#ffffff12", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-sheen)" } } } }, "flood-ink-low": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-ink-low)" } } } }, "flood-arc": { "$type": "color", "$value": "#d4c6ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-arc)" } } } }, "flood-shadow": { "$type": "shadow", "$value": [ { "color": "#00000000", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "rgb(255" }, { "color": "#00000099", "offsetX": "0px", "offsetY": "18px", "blur": "40px", "spread": "-18px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-shadow)" } } } }, "flood-aurora": { "$type": "number", "$value": 0, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-aurora)" } } } }, "flood-glass": { "$type": "number", "$value": 1, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-glass)" } } } }, "canvas": { "$type": "color", "$value": "#0b0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-canvas)" } } } }, "side": { "$type": "color", "$value": "#0d0e11", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-side)" } } } }, "panel": { "$type": "color", "$value": "#101114", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-panel)" } } } }, "raised": { "$type": "color", "$value": "#17181c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-raised)" } } } }, "well": { "$type": "color", "$value": "#0a0b0d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-well)" } } } }, "hover": { "$type": "color", "$value": "#15161a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-hover)" } } } }, "line": { "$type": "color", "$value": "#1e1f24", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-line)" } } } }, "ink": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink)" } } } }, "ink-2": { "$type": "color", "$value": "#a3a3ad", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink-2)" } } } }, "ink-4": { "$type": "color", "$value": "#707178", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ink-4)" } } } }, "ok": { "$type": "color", "$value": "#4cc38a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ok)" } } } }, "warn": { "$type": "color", "$value": "#e8a35a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-warn)" } } } }, "bad": { "$type": "color", "$value": "#e5484d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-bad)" } } } }, "bad-ink": { "$type": "color", "$value": "#ea6665", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-bad-ink)" } } } }, "ok-ink": { "$type": "color", "$value": "#6bca99", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ok-ink)" } } } }, "range": { "$type": "color", "$value": "#ededef14", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-range)" } } } }, "series": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series)" } } } }, "series-tint": { "$type": "number", "$value": 0.38, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series-tint)" } } } }, "series-lilac": { "$type": "color", "$value": "#d8b4fe", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series-lilac)" } } } }, "glow": { "$type": "number", "$value": 0.45, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glow)" } } } }, "series-core": { "$type": "color", "$value": "#f3f0ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-series-core)" } } } }, "pulse": { "$type": "color", "$value": "#4cc38a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-pulse)" } } } }, "state-todo": { "$type": "color", "$value": "#8a8a94", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-todo)" } } } }, "state-doing": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-doing)" } } } }, "state-review": { "$type": "color", "$value": "#3987e5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-review)" } } } }, "state-done": { "$type": "color", "$value": "#3aa874", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-state-done)" } } } }, "heat": { "$type": "color", "$value": "#3aa874", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-heat)" } } } }, "cat-1": { "$type": "color", "$value": "#3987e5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-1)" } } } }, "cat-2": { "$type": "color", "$value": "#d95926", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-2)" } } } }, "cat-3": { "$type": "color", "$value": "#199e70", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-3)" } } } }, "cat-4": { "$type": "color", "$value": "#c98500", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-4)" } } } }, "cat-5": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-5)" } } } }, "cat-6": { "$type": "color", "$value": "#008300", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-cat-6)" } } } }, "warn-ink": { "$type": "color", "$value": "#eaaf73", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-warn-ink)" } } } }, "band": { "$type": "color", "$value": "#ededef17", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band)" } } } }, "band-edge": { "$type": "color", "$value": "#ededef61", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band-edge)" } } } }, "band-optimal": { "$type": "color", "$value": "#4cc38a3d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band-optimal)" } } } }, "standing-in": { "$type": "color", "$value": "#4cc38a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-standing-in)" } } } }, "standing-out": { "$type": "color", "$value": "#e8a35a", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-standing-out)" } } } }, "standing-critical": { "$type": "color", "$value": "#e5484d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-standing-critical)" } } } }, "sleep-awake": { "$type": "color", "$value": "#d55181", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-awake)" } } } }, "sleep-rem": { "$type": "color", "$value": "#3987e5", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-rem)" } } } }, "sleep-light": { "$type": "color", "$value": "#423e70", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-light)" } } } }, "sleep-deep": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sleep-deep)" } } } }, "glass": { "$type": "color", "$value": "#101114", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glass)" } } } }, "glass-shadow": { "$type": "shadow", "$value": [ { "color": "#1e1f24", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#0000008c", "offsetX": "0px", "offsetY": "18px", "blur": "40px", "spread": "-12px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glass-shadow)" } } } }, "glass-blur": { "$type": "dimension", "$value": "0px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-glass-blur)" } } } }, "tile-shadow": { "$type": "shadow", "$value": [ { "color": "#ffffff0f", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": true }, { "color": "#24252b", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px" }, { "color": "#00000080", "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px" } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tile-shadow)" } } } }, "radius-card": { "$type": "dimension", "$value": "12px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-radius-card)" } } } }, "light-1": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-1)" } } } }, "light-2": { "$type": "color", "$value": "#8fa6ff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-2)" } } } }, "light-3": { "$type": "color", "$value": "#f2a6cf", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-3)" } } } }, "light-strength": { "$type": "number", "$value": 0.7, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-strength)" } } } }, "light-spread": { "$type": "number", "$value": 0.95, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-light-spread)" } } } }, "flood-ink": { "$type": "color", "$value": "#ffffff", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-ink)" } } } }, "flood-pane-edge": { "$type": "shadow", "$value": [ { "color": "#ffffff38", "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": true }, { "color": "#ffffff12", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "1px", "inset": true }, { "color": "#c8bef024", "offsetX": "0px", "offsetY": "0px", "blur": "26px", "spread": "1px", "inset": true } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-flood-pane-edge)" } } } }, "deep": { "$type": "color", "$value": "#ededef", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep)" } } } }, "deep-ink": { "$type": "color", "$value": "#0b0c0e", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep-ink)" } } } }, "deep-ink-2": { "$type": "color", "$value": "#494a4c", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep-ink-2)" } } } }, "deep-line": { "$type": "color", "$value": "#c3c4c6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-deep-line)" } } } }, "lit-edge": { "$type": "shadow", "$value": [ { "color": "#00000000", "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "0px", "inset": true } ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-lit-edge)" } } } }, "mesh": { "$type": "number", "$value": 0.3, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-mesh)" } } } }, "mesh-frost": { "$type": "color", "$value": "#101114", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-mesh-frost)" } } } }, "band-grade": { "$type": "color", "$value": "#ededef0d", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-band-grade)" } } } } } } }, "Metal": { "Amethyst": { "ns": { "signal": { "light": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-signal)" } } } }, "dark": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-signal)" } } } } } }, "shadcn": { "ring": { "light": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ring)" } } } }, "dark": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ring)" } } } } } }, "chart": { "series": { "light": { "$type": "color", "$value": "#6d5bd0", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series)" } } } }, "dark": { "$type": "color", "$value": "#8b7cf6", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series)" } } } } }, "series-lilac": { "light": { "$type": "color", "$value": "#c084fc", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-lilac)" } } } }, "dark": { "$type": "color", "$value": "#d8b4fe", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-lilac)" } } } } }, "series-tint": { "light": { "$type": "number", "$value": 0.3, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-tint)" } } } }, "dark": { "$type": "number", "$value": 0.38, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-tint)" } } } } }, "series-glow": { "light": { "$type": "number", "$value": 0.25, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-glow)" } } } }, "dark": { "$type": "number", "$value": 0.45, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-glow)" } } } } } } }, "Graphite": { "ns": { "signal": { "light": { "$type": "color", "$value": "#5e6275", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-signal)" } } } }, "dark": { "$type": "color", "$value": "#abafc4", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-signal)" } } } } } }, "shadcn": { "ring": { "light": { "$type": "color", "$value": "#5e6275", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ring)" } } } }, "dark": { "$type": "color", "$value": "#abafc4", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ring)" } } } } } }, "chart": { "series": { "light": { "$type": "color", "$value": "#5e6275", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series)" } } } }, "dark": { "$type": "color", "$value": "#abafc4", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series)" } } } } }, "series-lilac": { "light": { "$type": "color", "$value": "#a7abbb", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-lilac)" } } } }, "dark": { "$type": "color", "$value": "#e4e6ee", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-lilac)" } } } } }, "series-tint": { "light": { "$type": "number", "$value": 0.24, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-tint)" } } } }, "dark": { "$type": "number", "$value": 0.38, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-tint)" } } } } }, "series-glow": { "light": { "$type": "number", "$value": 0.25, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-glow)" } } } }, "dark": { "$type": "number", "$value": 0.45, "$description": "a share, 0 to 1", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--chart-series-glow)" } } } } } } } }, "Density": { "Desktop": { "ns": { "gutter": { "$type": "dimension", "$value": "24px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-gutter)" } } } }, "control": { "$type": "dimension", "$value": "32px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control)" } } } }, "control-sm": { "$type": "dimension", "$value": "28px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control-sm)" } } } }, "control-pad": { "$type": "dimension", "$value": "12px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control-pad)" } } } }, "chip": { "$type": "dimension", "$value": "26px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-chip)" } } } }, "text-control": { "$type": "dimension", "$value": "13px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-control)" } } } }, "field": { "$type": "dimension", "$value": "32px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-field)" } } } }, "segment": { "$type": "dimension", "$value": "26px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-segment)" } } } }, "menu-row": { "$type": "dimension", "$value": "34px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-menu-row)" } } } }, "row": { "$type": "dimension", "$value": "42px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-row)" } } } }, "text-hero": { "$type": "dimension", "$value": "32px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-hero)" } } } }, "text-record": { "$type": "dimension", "$value": "44px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-record)" } } } } } }, "Touch": { "ns": { "gutter": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-gutter)" } } } }, "control": { "$type": "dimension", "$value": "40px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control)" } } } }, "control-sm": { "$type": "dimension", "$value": "36px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control-sm)" } } } }, "control-pad": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control-pad)" } } } }, "chip": { "$type": "dimension", "$value": "32px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-chip)" } } } }, "text-control": { "$type": "dimension", "$value": "14px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-control)" } } } }, "field": { "$type": "dimension", "$value": "40px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-field)" } } } }, "segment": { "$type": "dimension", "$value": "36px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-segment)" } } } }, "menu-row": { "$type": "dimension", "$value": "44px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-menu-row)" } } } }, "row": { "$type": "dimension", "$value": "42px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-row)" } } } }, "text-hero": { "$type": "dimension", "$value": "32px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-hero)" } } } }, "text-record": { "$type": "dimension", "$value": "44px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-record)" } } } } } }, "Phone": { "ns": { "gutter": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-gutter)" } } } }, "control": { "$type": "dimension", "$value": "40px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control)" } } } }, "control-sm": { "$type": "dimension", "$value": "36px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control-sm)" } } } }, "control-pad": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-control-pad)" } } } }, "chip": { "$type": "dimension", "$value": "32px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-chip)" } } } }, "text-control": { "$type": "dimension", "$value": "14px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-control)" } } } }, "field": { "$type": "dimension", "$value": "40px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-field)" } } } }, "segment": { "$type": "dimension", "$value": "36px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-segment)" } } } }, "menu-row": { "$type": "dimension", "$value": "44px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-menu-row)" } } } }, "row": { "$type": "dimension", "$value": "40px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-row)" } } } }, "text-hero": { "$type": "dimension", "$value": "28px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-hero)" } } } }, "text-record": { "$type": "dimension", "$value": "36px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-record)" } } } } } } }, "Foundation": { "ns": { "sheet-bottom": { "$type": "dimension", "$value": "8px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-sheet-bottom)" } } } }, "font-body": { "$type": "fontFamily", "$value": [ "Inter", "ui-sans-serif", "system-ui", "sans-serif" ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-font-body)" } } } }, "font-display": { "$type": "fontFamily", "$value": [ "Geist", "Inter", "ui-sans-serif", "system-ui", "sans-serif" ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-font-display)" } } } }, "font-mono": { "$type": "fontFamily", "$value": [ "Geist Mono", "ui-monospace", "SFMono-Regular", "monospace" ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-font-mono)" } } } }, "text-meta": { "$type": "dimension", "$value": "12px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-meta)" } } } }, "text-small": { "$type": "dimension", "$value": "12.5px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-small)" } } } }, "text-body": { "$type": "dimension", "$value": "13px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-body)" } } } }, "text-strong": { "$type": "dimension", "$value": "14px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-strong)" } } } }, "text-sub": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-sub)" } } } }, "text-title": { "$type": "dimension", "$value": "18px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-title)" } } } }, "text-page": { "$type": "dimension", "$value": "22px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-page)" } } } }, "text-figure": { "$type": "dimension", "$value": "26px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-figure)" } } } }, "text-lede": { "$type": "dimension", "$value": "18px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-lede)" } } } }, "text-headline": { "$type": "dimension", "$value": "40px", "$description": "fluid: 28px on a phone to 40px on a desktop (clamp(28px, 1.25vw + 22px, 40px))", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-headline)" } } } }, "text-display": { "$type": "dimension", "$value": "72px", "$description": "fluid: 40px on a phone to 72px on a desktop (clamp(40px, 3.2vw + 26px, 72px))", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-text-display)" } } } }, "tracking-headline": { "$type": "dimension", "$value": "-0.035em", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tracking-headline)" } } } }, "weight-regular": { "$type": "fontWeight", "$value": 400, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-weight-regular)" } } } }, "weight-light": { "$type": "fontWeight", "$value": 300, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-weight-light)" } } } }, "weight-medium": { "$type": "fontWeight", "$value": 500, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-weight-medium)" } } } }, "weight-strong": { "$type": "fontWeight", "$value": 600, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-weight-strong)" } } } }, "leading": { "$type": "number", "$value": 1.45, "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-leading)" } } } }, "tracking-display": { "$type": "dimension", "$value": "-0.02em", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-tracking-display)" } } } }, "space-1": { "$type": "dimension", "$value": "4px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-1)" } } } }, "space-2": { "$type": "dimension", "$value": "8px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-2)" } } } }, "space-3": { "$type": "dimension", "$value": "12px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-3)" } } } }, "space-4": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-4)" } } } }, "space-5": { "$type": "dimension", "$value": "20px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-5)" } } } }, "space-6": { "$type": "dimension", "$value": "24px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-6)" } } } }, "space-8": { "$type": "dimension", "$value": "32px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-8)" } } } }, "space-section": { "$type": "dimension", "$value": "128px", "$description": "fluid: 72px on a phone to 128px on a desktop (clamp(72px, 6vw + 40px, 128px))", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-space-section)" } } } }, "row-compact": { "$type": "dimension", "$value": "34px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-row-compact)" } } } }, "header": { "$type": "dimension", "$value": "48px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-header)" } } } }, "check": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-check)" } } } }, "switch-w": { "$type": "dimension", "$value": "36px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-switch-w)" } } } }, "switch-h": { "$type": "dimension", "$value": "22px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-switch-h)" } } } }, "touch": { "$type": "dimension", "$value": "40px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-touch)" } } } }, "panel-w": { "$type": "dimension", "$value": "420px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-panel-w)" } } } }, "dialog-sm": { "$type": "dimension", "$value": "420px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-dialog-sm)" } } } }, "dialog": { "$type": "dimension", "$value": "560px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-dialog)" } } } }, "dialog-lg": { "$type": "dimension", "$value": "720px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-dialog-lg)" } } } }, "radius-sm": { "$type": "dimension", "$value": "6px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-radius-sm)" } } } }, "radius": { "$type": "dimension", "$value": "8px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-radius)" } } } }, "radius-lg": { "$type": "dimension", "$value": "12px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-radius-lg)" } } } }, "radius-xl": { "$type": "dimension", "$value": "16px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-radius-xl)" } } } }, "radius-full": { "$type": "dimension", "$value": "999px", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-radius-full)" } } } }, "ease": { "$type": "cubicBezier", "$value": [ 0.22, 1, 0.36, 1 ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ease)" } } } }, "ease-in": { "$type": "cubicBezier", "$value": [ 0.16, 1, 0.3, 1 ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ease-in)" } } } }, "ease-panel": { "$type": "cubicBezier", "$value": [ 0.32, 0.72, 0, 1 ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ease-panel)" } } } }, "ease-pop": { "$type": "cubicBezier", "$value": [ 0.34, 1.56, 0.64, 1 ], "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-ease-pop)" } } } }, "time-color": { "$type": "duration", "$value": "140ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-time-color)" } } } }, "time-menu": { "$type": "duration", "$value": "160ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-time-menu)" } } } }, "time-toast": { "$type": "duration", "$value": "200ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-time-toast)" } } } }, "time-dialog": { "$type": "duration", "$value": "240ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-time-dialog)" } } } }, "time-panel": { "$type": "duration", "$value": "260ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-time-panel)" } } } }, "time-page": { "$type": "duration", "$value": "320ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-time-page)" } } } }, "time-born": { "$type": "duration", "$value": "1200ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-time-born)" } } } }, "beat": { "$type": "duration", "$value": "1000ms", "$extensions": { "com.figma": { "codeSyntax": { "WEB": "var(--ns-beat)" } } } } } } }