{ "schemaVersion": 1, "format": "od-design-tokens/v1", "contract": "TOKEN_SCHEMA", "generatedAt": "2026-06-06T00:00:00.000Z", "source": { "tokensCss": "tokens.css", "tokenContractReport": "source/token-contract.report.json" }, "summary": { "totalTokens": 56, "declaredTokens": 56, "sourceBackedTokens": 56, "sourceBackedA1": 26, "fallbackTokens": 26, "aliasTokens": 2, "layerCounts": { "A1-identity": 8, "B-slot": 4, "A2": 26, "A1-structure": 18 }, "score": 100, "grade": "excellent", "recommendRebuild": false }, "tokens": [ { "name": "--bg", "value": "#ffffff", "type": "color", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --bg; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:98" ], "sourceName": "--bg" }, { "name": "--surface", "value": "#ffffff", "type": "color", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --surface; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:99" ], "sourceName": "--surface" }, { "name": "--surface-warm", "value": "var(--surface)", "type": "color", "layer": "B-slot", "confidence": "high", "reason": "Bundled tokens.css declares --surface-warm; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:100" ], "sourceName": "--surface-warm" }, { "name": "--fg", "value": "#242424", "type": "color", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --fg; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:109" ], "sourceName": "--fg" }, { "name": "--fg-2", "value": "#111111", "type": "color", "layer": "B-slot", "confidence": "high", "reason": "Bundled tokens.css declares --fg-2; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:110" ], "sourceName": "--fg-2" }, { "name": "--muted", "value": "#898989", "type": "color", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --muted; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:111" ], "sourceName": "--muted" }, { "name": "--meta", "value": "var(--muted)", "type": "color", "layer": "B-slot", "confidence": "high", "reason": "Bundled tokens.css declares --meta; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:112" ], "sourceName": "--meta" }, { "name": "--border", "value": "rgba(34, 42, 53, 0.08)", "type": "color", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --border; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:123" ], "sourceName": "--border" }, { "name": "--border-soft", "value": "rgba(34, 42, 53, 0.05)", "type": "color", "layer": "B-slot", "confidence": "high", "reason": "Bundled tokens.css declares --border-soft; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:124" ], "sourceName": "--border-soft" }, { "name": "--accent", "value": "#0099ff", "type": "color", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --accent; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:133" ], "sourceName": "--accent" }, { "name": "--accent-on", "value": "#ffffff", "type": "color", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --accent-on; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:134" ], "sourceName": "--accent-on" }, { "name": "--accent-hover", "value": "color-mix(in oklab, var(--accent), black 8%)", "type": "color", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --accent-hover; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:135" ], "sourceName": "--accent-hover" }, { "name": "--accent-active", "value": "color-mix(in oklab, var(--accent), black 14%)", "type": "color", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --accent-active; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:136" ], "sourceName": "--accent-active" }, { "name": "--success", "value": "#16a34a", "type": "color", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --success; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:143" ], "sourceName": "--success" }, { "name": "--warn", "value": "#eab308", "type": "color", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --warn; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:144" ], "sourceName": "--warn" }, { "name": "--danger", "value": "#dc2626", "type": "color", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --danger; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:145" ], "sourceName": "--danger" }, { "name": "--font-display", "value": "\"Cal Sans\", \"Inter\", -apple-system, \"Segoe UI\", Arial, sans-serif", "type": "fontFamily", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --font-display; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:153" ], "sourceName": "--font-display" }, { "name": "--font-body", "value": "\"Inter\", -apple-system, \"Segoe UI\", Arial, sans-serif", "type": "fontFamily", "layer": "A1-identity", "confidence": "high", "reason": "Bundled tokens.css declares --font-body; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:154" ], "sourceName": "--font-body" }, { "name": "--font-mono", "value": "\"Roboto Mono\", ui-monospace, \"SF Mono\", \"JetBrains Mono\", Menlo, Monaco, Consolas, monospace", "type": "fontFamily", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --font-mono; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:155" ], "sourceName": "--font-mono" }, { "name": "--text-xs", "value": "12px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-xs; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:163" ], "sourceName": "--text-xs" }, { "name": "--text-sm", "value": "14px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-sm; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:164" ], "sourceName": "--text-sm" }, { "name": "--text-base", "value": "16px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-base; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:165" ], "sourceName": "--text-base" }, { "name": "--text-lg", "value": "20px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-lg; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:166" ], "sourceName": "--text-lg" }, { "name": "--text-xl", "value": "24px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-xl; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:167" ], "sourceName": "--text-xl" }, { "name": "--text-2xl", "value": "32px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-2xl; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:168" ], "sourceName": "--text-2xl" }, { "name": "--text-3xl", "value": "48px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-3xl; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:169" ], "sourceName": "--text-3xl" }, { "name": "--text-4xl", "value": "64px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --text-4xl; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:170" ], "sourceName": "--text-4xl" }, { "name": "--leading-body", "value": "1.5", "type": "number", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --leading-body; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:178" ], "sourceName": "--leading-body" }, { "name": "--leading-tight", "value": "1.1", "type": "number", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --leading-tight; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:179" ], "sourceName": "--leading-tight" }, { "name": "--tracking-display", "value": "0", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --tracking-display; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:180" ], "sourceName": "--tracking-display" }, { "name": "--space-1", "value": "4px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-1; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:189" ], "sourceName": "--space-1" }, { "name": "--space-2", "value": "8px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-2; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:190" ], "sourceName": "--space-2" }, { "name": "--space-3", "value": "12px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-3; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:191" ], "sourceName": "--space-3" }, { "name": "--space-4", "value": "16px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-4; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:192" ], "sourceName": "--space-4" }, { "name": "--space-5", "value": "20px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-5; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:193" ], "sourceName": "--space-5" }, { "name": "--space-6", "value": "24px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-6; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:194" ], "sourceName": "--space-6" }, { "name": "--space-8", "value": "32px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-8; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:195" ], "sourceName": "--space-8" }, { "name": "--space-12", "value": "48px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --space-12; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:196" ], "sourceName": "--space-12" }, { "name": "--section-y-desktop", "value": "96px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --section-y-desktop; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:203" ], "sourceName": "--section-y-desktop" }, { "name": "--section-y-tablet", "value": "64px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --section-y-tablet; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:204" ], "sourceName": "--section-y-tablet" }, { "name": "--section-y-phone", "value": "48px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --section-y-phone; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:205" ], "sourceName": "--section-y-phone" }, { "name": "--radius-sm", "value": "8px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --radius-sm; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:214" ], "sourceName": "--radius-sm" }, { "name": "--radius-md", "value": "12px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --radius-md; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:215" ], "sourceName": "--radius-md" }, { "name": "--radius-lg", "value": "16px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --radius-lg; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:216" ], "sourceName": "--radius-lg" }, { "name": "--radius-pill", "value": "9999px", "type": "dimension", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --radius-pill; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:217" ], "sourceName": "--radius-pill" }, { "name": "--elev-flat", "value": "none", "type": "shadow", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --elev-flat; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:233" ], "sourceName": "--elev-flat" }, { "name": "--elev-ring", "value": "0 0 0 1px var(--border)", "type": "shadow", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --elev-ring; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:234" ], "sourceName": "--elev-ring" }, { "name": "--elev-raised", "value": "0 1px 5px -4px rgba(19, 19, 22, 0.7), 0 0 0 1px rgba(34, 42, 53, 0.08), 0 4px 8px rgba(34, 42, 53, 0.05)", "type": "shadow", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --elev-raised; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:235" ], "sourceName": "--elev-raised" }, { "name": "--focus-ring", "value": "0 0 0 3px color-mix(in oklab, var(--accent), transparent 70%)", "type": "shadow", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --focus-ring; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:246" ], "sourceName": "--focus-ring" }, { "name": "--motion-fast", "value": "150ms", "type": "duration", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --motion-fast; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:252" ], "sourceName": "--motion-fast" }, { "name": "--motion-base", "value": "200ms", "type": "duration", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --motion-base; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:253" ], "sourceName": "--motion-base" }, { "name": "--ease-standard", "value": "cubic-bezier(0.2, 0, 0, 1)", "type": "cubicBezier", "layer": "A2", "confidence": "high", "reason": "Bundled tokens.css declares --ease-standard; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:254" ], "sourceName": "--ease-standard" }, { "name": "--container-max", "value": "1200px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --container-max; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:261" ], "sourceName": "--container-max" }, { "name": "--container-gutter-desktop", "value": "24px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --container-gutter-desktop; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:262" ], "sourceName": "--container-gutter-desktop" }, { "name": "--container-gutter-tablet", "value": "16px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --container-gutter-tablet; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:263" ], "sourceName": "--container-gutter-tablet" }, { "name": "--container-gutter-phone", "value": "12px", "type": "dimension", "layer": "A1-structure", "confidence": "high", "reason": "Bundled tokens.css declares --container-gutter-phone; no upstream recrawl was performed for this backfill.", "sources": [ "tokens.css:264" ], "sourceName": "--container-gutter-phone" } ] }