{ "$schema": "internal:glyco-design-tokens", "$description": "Machine-readable export of Glyco design tokens. Source of truth: src/app/globals.css (this file mirrors it; if they diverge, globals.css wins).", "$version": "1.0.0", "$themes": { "default": "dark", "mechanism": ".dark class on ", "storage": "localStorage['glyco-theme']" }, "color": { "background": { "light": "oklch(1 0 0)", "dark": "oklch(0.145 0 0)" }, "foreground": { "light": "oklch(0.145 0 0)", "dark": "oklch(0.985 0 0)" }, "card": { "light": "oklch(1 0 0)", "dark": "oklch(0.18 0 0)" }, "popover": { "light": "oklch(1 0 0)", "dark": "oklch(0.18 0 0)" }, "primary": { "light": "oklch(0.52 0.21 252)", "dark": "oklch(0.55 0.22 252)", "$role": "brand accent — iOS systemBlue, WCAG AA corrected" }, "primary-foreground": { "light": "oklch(0.985 0 0)", "dark": "oklch(1 0 0)" }, "secondary": { "light": "oklch(0.97 0 0)", "dark": "oklch(0.21 0 0)" }, "muted": { "light": "oklch(0.93 0 0)", "dark": "oklch(0.21 0 0)" }, "muted-foreground": { "light": "oklch(0.45 0 0)", "dark": "oklch(0.68 0 0)" }, "accent": { "light": "oklch(0.97 0 0)", "dark": "oklch(0.21 0 0)" }, "accent-muted": { "light": "oklch(0.95 0.04 254)", "dark": "oklch(0.35 0.08 254)" }, "destructive": { "light": "oklch(0.52 0.22 25)", "dark": "oklch(0.58 0.23 27)" }, "border": { "light": "oklch(0.85 0 0)", "dark": "oklch(0.4 0 0)", "$role": "decorative (WCAG 1.4.11 exempt)" }, "border-subtle": { "light": "oklch(0.9 0 0)", "dark": "oklch(0.27 0 0)" }, "input": { "light": "oklch(0.55 0 0)", "dark": "oklch(0.6 0 0)", "$role": "essential UI border, 3:1 vs background" }, "focus-ring": { "light": "oklch(0.59 0.21 252)", "dark": "oklch(0.68 0.21 252)" }, "sidebar": { "light": "oklch(0.985 0 0)", "dark": "oklch(0.155 0 0)" }, "sidebar-hover": { "light": "oklch(0.96 0 0)", "dark": "oklch(0.2 0 0)" }, "sidebar-active": { "light": "oklch(0.93 0 0)", "dark": "oklch(0.22 0 0)" }, "sidebar-active-bg": { "light": "oklch(0.93 0.04 252)", "dark": "oklch(0.22 0.06 252)" }, "sidebar-active-fg": { "light": "oklch(0.45 0.22 252)", "dark": "oklch(0.78 0.18 252)" } }, "color-feedback": { "success-fg": { "light": "#047857", "dark": "oklch(0.78 0.17 152)", "$use": "text labels (4.5:1 AA)" }, "success-num": { "light": "#059669", "dark": "oklch(0.78 0.17 152)", "$use": "large KPI numbers (3:1 AA-large)" }, "success-fill": { "light": "#10b981", "dark": "oklch(0.78 0.17 152)", "$use": "bars/dots/borders (decorative)" }, "success-bg": { "light": "oklch(0.95 0.05 145)", "dark": "oklch(0.28 0.1 145)" }, "warning-fg": { "light": "oklch(0.5 0.16 70)", "dark": "oklch(0.85 0.15 70)" }, "warning-bg": { "light": "oklch(0.96 0.05 70)", "dark": "oklch(0.3 0.1 60)" }, "danger-fg": { "light": "oklch(0.5 0.22 25)", "dark": "oklch(0.78 0.2 25)" }, "danger-bg": { "light": "oklch(0.96 0.05 25)", "dark": "oklch(0.3 0.12 25)" }, "info-fg": { "light": "oklch(0.5 0.18 254)", "dark": "oklch(0.85 0.16 254)" }, "info-bg": { "light": "oklch(0.96 0.04 254)", "dark": "oklch(0.3 0.1 254)" } }, "color-clinical": { "ok": { "$alias": "success-fg", "$meaning": "dentro do alvo" }, "attention": { "light": "#f5a622", "dark": "oklch(0.85 0.15 70)", "$meaning": "borderline / atenção" }, "risk": { "$alias": "danger-fg", "$meaning": "fora do alvo / risco" }, "info": { "$alias": "info-fg", "$meaning": "neutro / informativo" }, "inactive": { "light": "oklch(0.45 0.01 220)", "dark": "oklch(0.55 0.01 220)", "$meaning": "sem dados" }, "$rule": "clinical state color must always pair with text or glyph + aria-label" }, "color-protocol": { "trt": "hsl(225 80% 55%)", "glp1": "hsl(145 65% 42%)", "recomp": "hsl(260 70% 58%)", "performance": "hsl(195 85% 48%)" }, "color-chart": { "chart-1": { "light": "oklch(0.646 0.222 41.116)", "dark": "oklch(0.62 0.18 254)" }, "chart-2": { "light": "oklch(0.6 0.118 184.714)", "dark": "oklch(0.65 0.18 145)" }, "chart-3": { "light": "oklch(0.398 0.07 227.392)", "dark": "oklch(0.74 0.16 70)" }, "chart-4": { "light": "oklch(0.828 0.189 84.429)", "dark": "oklch(0.62 0.22 25)" }, "chart-5": { "light": "oklch(0.769 0.188 70.08)", "dark": "oklch(0.6 0.22 285)" } }, "material-liquid-glass": { "blur": "28px", "saturate": "200%", "brightness": { "light": "1", "dark": "1.08" }, "bg-regular": { "light": "oklch(1 0 0 / 0.72)", "dark": "oklch(0.17 0 0 / 0.72)" }, "bg-clear": { "light": "oklch(1 0 0 / 0.48)", "dark": "oklch(0.17 0 0 / 0.48)" }, "border": { "light": "oklch(1 0 0 / 0.6)", "dark": "oklch(1 0 0 / 0.12)" }, "highlight": { "light": "oklch(1 0 0 / 0.85)", "dark": "oklch(1 0 0 / 0.18)", "$use": "specular top edge (inset 0 1px 0)" }, "shadow-color": { "light": "oklch(0 0 0 / 0.08)", "dark": "oklch(0 0 0 / 0.3)" }, "$fallback": "prefers-reduced-transparency: bg → var(--card), border → var(--border), highlight → transparent" }, "typography": { "font-sans": "\"SF Pro Display\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif", "font-mono": "ui-monospace, \"SF Mono\", \"Geist Mono\", \"JetBrains Mono\", monospace", "weights": [100, 300, 400, 500, 600, 700, 800], "features": "kern 1, liga 1, calt 1; .tabular-nums for metrics", "scale": { "large-title": { "size": "34px", "weight": 700, "lineHeight": 1.12, "tracking": "-0.022em", "element": "h1" }, "title-1": { "size": "28px", "weight": 700, "lineHeight": 1.14, "tracking": "-0.02em", "element": "h2" }, "title-2": { "size": "22px", "weight": 700, "lineHeight": 1.18, "tracking": "-0.016em", "element": "h3" }, "title-3": { "size": "20px", "weight": 600, "lineHeight": 1.2, "tracking": "-0.014em", "element": "h4" }, "headline": { "size": "17px", "weight": 600, "lineHeight": 1.29, "tracking": "-0.012em", "element": "h5" }, "body": { "size": "15px", "weight": 400, "lineHeight": 1.47, "tracking": "-0.009em", "element": "p" }, "sm": { "size": "13px", "weight": 400, "lineHeight": 1.38, "tracking": "-0.004em" }, "xs": { "size": "12px", "weight": 400, "lineHeight": 1.33, "tracking": "0" }, "footnote": { "size": "11px", "weight": 600, "tracking": "-0.004em", "$note": "replaces uppercase tracked labels" } } }, "radius": { "base": "0.625rem", "sm": "0.375rem", "md": "0.5rem", "lg": "0.625rem", "xl": "0.875rem", "2xl": "1.125rem", "pill": "9999px", "glass-card": "20px", "canvas-card": "16px", "$nesting": "child radius = parent radius - 4px gutter" }, "elevation": { "0": "none", "1": { "light": "0 1px 2px oklch(0 0 0 / 0.06)", "dark": "0 1px 2px oklch(0 0 0 / 0.3)" }, "2": { "light": "0 2px 4px oklch(0 0 0 / 0.08), 0 1px 2px oklch(0 0 0 / 0.04)", "dark": "0 2px 4px oklch(0 0 0 / 0.4), 0 1px 2px oklch(0 0 0 / 0.2)" }, "3": { "light": "0 4px 16px oklch(0 0 0 / 0.1), 0 2px 4px oklch(0 0 0 / 0.06)", "dark": "0 4px 16px oklch(0 0 0 / 0.5), 0 2px 4px oklch(0 0 0 / 0.3)" }, "4": { "light": "0 8px 32px oklch(0 0 0 / 0.12), 0 4px 8px oklch(0 0 0 / 0.06)", "dark": "0 8px 32px oklch(0 0 0 / 0.6), 0 4px 8px oklch(0 0 0 / 0.4)" } }, "z-index": { "sidebar": 10, "header": 20, "dropdown": 30, "modal": 40, "toast": 50, "tooltip": 60 }, "motion": { "duration": { "instant": "0.08s", "fast": "0.18s", "base": "0.28s", "slow": "0.42s" }, "ease": { "enter": "power2.out", "exit": "power2.in", "spring": "back.out(1.4)", "smooth": "power1.inOut", "css-out": "cubic-bezier(0.16, 1, 0.3, 1)", "css-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)" }, "press": "active scale(0.95), 100ms spring", "$rule": "all animation must respect prefers-reduced-motion (global 1ms collapse + JS gates)" }, "breakpoints": { "sm": "640px", "md": "768px", "lg": "1024px", "xl": "1280px", "2xl": "1536px", "$note": "Tailwind v4 defaults, no overrides" } }