@neuravision/construct 1.1.0

package/tokens/tokens.ts

@@ -0,0 +1,1188 @@
+/* Generated by design/scripts/build-tokens.mjs. Do not edit directly. */
+
+export const primitives = {
+  "color": {
+    "slate": {
+      "0": "#FFFFFF",
+      "50": "#F5F7FA",
+      "100": "#E9EEF4",
+      "200": "#D3DDE7",
+      "300": "#B7C6D6",
+      "400": "#8EA3B8",
+      "500": "#6B8399",
+      "600": "#4E667B",
+      "700": "#364C5F",
+      "800": "#263747",
+      "900": "#172533",
+      "950": "#0E1720"
+    },
+    "ocean": {
+      "50": "#E9F4F7",
+      "100": "#CFE5EC",
+      "200": "#A5CBD8",
+      "300": "#78B1C4",
+      "400": "#4D97AF",
+      "500": "#2E7E96",
+      "600": "#21657A",
+      "700": "#174C5D",
+      "800": "#103745",
+      "900": "#0B2631"
+    },
+    "teal": {
+      "50": "#E7F7F6",
+      "100": "#C5ECEA",
+      "200": "#93DAD6",
+      "300": "#63C7C1",
+      "400": "#35B2AA",
+      "500": "#1C9891",
+      "600": "#167B76",
+      "700": "#115F5C",
+      "800": "#0D4744",
+      "900": "#0A3533"
+    },
+    "amber": {
+      "50": "#FFF6E5",
+      "100": "#FFE8BF",
+      "200": "#FFD180",
+      "300": "#FFB74D",
+      "400": "#FF9E1A",
+      "500": "#E88300",
+      "600": "#B86600",
+      "700": "#8A4D00",
+      "800": "#5E3500",
+      "900": "#3D2300"
+    },
+    "red": {
+      "50": "#FDECEC",
+      "100": "#F8CACA",
+      "200": "#F3A3A3",
+      "300": "#EB7575",
+      "400": "#DE4A4A",
+      "500": "#C93535",
+      "600": "#A22828",
+      "700": "#7C1F1F",
+      "800": "#561717",
+      "900": "#361010"
+    },
+    "green": {
+      "50": "#E8F6EF",
+      "100": "#C7EAD9",
+      "200": "#9EDCC0",
+      "300": "#70CBA3",
+      "400": "#48B988",
+      "500": "#2EA070",
+      "600": "#237F59",
+      "700": "#1B6145",
+      "800": "#134533",
+      "900": "#0C2E22"
+    }
+  },
+  "font": {
+    "family": {
+      "brand": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "text": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "mono": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
+    },
+    "weight": {
+      "regular": "400",
+      "medium": "500",
+      "semibold": "600",
+      "bold": "700"
+    },
+    "size": {
+      "xs": "12px",
+      "sm": "14px",
+      "md": "16px",
+      "lg": "18px",
+      "xl": "20px",
+      "2xl": "24px",
+      "3xl": "28px",
+      "4xl": "32px",
+      "5xl": "40px",
+      "6xl": "48px"
+    },
+    "lineHeight": {
+      "xs": "16px",
+      "sm": "20px",
+      "md": "24px",
+      "lg": "28px",
+      "xl": "32px",
+      "2xl": "36px",
+      "3xl": "40px",
+      "4xl": "44px",
+      "5xl": "52px",
+      "6xl": "60px"
+    },
+    "letterSpacing": {
+      "tight": "-0.3px",
+      "normal": "0px",
+      "wide": "0.3px"
+    }
+  },
+  "space": {
+    "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "6px",
+    "4": "8px",
+    "5": "12px",
+    "6": "16px",
+    "7": "20px",
+    "8": "24px",
+    "9": "32px",
+    "10": "40px",
+    "11": "48px",
+    "12": "64px",
+    "13": "80px"
+  },
+  "radius": {
+    "xs": "2px",
+    "sm": "4px",
+    "md": "8px",
+    "lg": "12px",
+    "xl": "16px",
+    "2xl": "24px",
+    "round": "999px"
+  },
+  "border": {
+    "width": {
+      "thin": "1px",
+      "medium": "2px",
+      "thick": "3px"
+    }
+  },
+  "opacity": {
+    "muted": "0.7",
+    "disabled": "0.5",
+    "overlay": "0.6"
+  },
+  "size": {
+    "controlHeight": {
+      "xs": "28px",
+      "sm": "32px",
+      "md": "40px",
+      "lg": "48px",
+      "calendarDay": "36px"
+    },
+    "icon": {
+      "sm": "16px",
+      "md": "20px",
+      "lg": "24px",
+      "xl": "32px"
+    }
+  },
+  "layout": {
+    "container": {
+      "sm": "640px",
+      "md": "960px",
+      "lg": "1200px",
+      "xl": "1440px"
+    },
+    "gutter": {
+      "sm": "16px",
+      "md": "24px",
+      "lg": "32px"
+    },
+    "gridGap": {
+      "sm": "16px",
+      "md": "24px",
+      "lg": "32px"
+    }
+  },
+  "shadow": {
+    "xs": "0 1px 2px rgba(10, 25, 41, 0.08)",
+    "sm": "0 2px 6px rgba(10, 25, 41, 0.10)",
+    "md": "0 8px 20px rgba(10, 25, 41, 0.12)",
+    "lg": "0 16px 36px rgba(10, 25, 41, 0.14)",
+    "xl": "0 24px 56px rgba(10, 25, 41, 0.18)"
+  },
+  "motion": {
+    "duration": {
+      "fast": "120ms",
+      "normal": "200ms",
+      "slow": "280ms",
+      "xslow": "400ms"
+    },
+    "easing": {
+      "standard": "cubic-bezier(0.2, 0, 0, 1)",
+      "decelerate": "cubic-bezier(0, 0, 0, 1)",
+      "accelerate": "cubic-bezier(0.3, 0, 1, 1)"
+    }
+  },
+  "zIndex": {
+    "base": "0",
+    "dropdown": "1000",
+    "sticky": "1100",
+    "overlay": "1200",
+    "modal": "1300",
+    "toast": "1400",
+    "tooltip": "1500"
+  },
+  "breakpoint": {
+    "xs": "360px",
+    "sm": "600px",
+    "md": "900px",
+    "lg": "1200px",
+    "xl": "1536px"
+  }
+} as const;
+
+export const semantic = {
+  "color": {
+    "brand": {
+      "primary": "#21657A",
+      "primaryHover": "#174C5D",
+      "primaryActive": "#103745",
+      "accent": "#167B76",
+      "accentHover": "#115F5C",
+      "accentActive": "#0D4744"
+    },
+    "text": {
+      "primary": "#0E1720",
+      "secondary": "#364C5F",
+      "muted": "#4E667B",
+      "inverse": "#FFFFFF"
+    },
+    "background": {
+      "canvas": "#FFFFFF",
+      "surface": "#F5F7FA",
+      "elevated": "#FFFFFF",
+      "muted": "#E9EEF4"
+    },
+    "border": {
+      "subtle": "#D3DDE7",
+      "default": "#B7C6D6",
+      "strong": "#6B8399"
+    },
+    "state": {
+      "info": "#21657A",
+      "success": "#2EA070",
+      "warning": "#FF9E1A",
+      "danger": "#C93535"
+    },
+    "stateSurface": {
+      "info": "#E9F4F7",
+      "success": "#E8F6EF",
+      "warning": "#FFF6E5",
+      "danger": "#FDECEC"
+    },
+    "stateBorder": {
+      "info": "#A5CBD8",
+      "success": "#9EDCC0",
+      "warning": "#FFD180",
+      "danger": "#F3A3A3"
+    },
+    "stateText": {
+      "info": "#174C5D",
+      "success": "#1B6145",
+      "warning": "#8A4D00",
+      "danger": "#7C1F1F"
+    },
+    "overlay": {
+      "scrim": "rgba(14, 23, 32, 0.6)"
+    },
+    "focus": {
+      "ring": "#35B2AA"
+    }
+  },
+  "theme": {
+    "colorScheme": "light"
+  },
+  "font": {
+    "family": {
+      "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
+    }
+  },
+  "typography": {
+    "display": {
+      "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "48px",
+      "lineHeight": "60px",
+      "fontWeight": "700",
+      "letterSpacing": "-0.3px"
+    },
+    "h1": {
+      "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "40px",
+      "lineHeight": "52px",
+      "fontWeight": "700",
+      "letterSpacing": "-0.3px"
+    },
+    "h2": {
+      "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "32px",
+      "lineHeight": "44px",
+      "fontWeight": "600",
+      "letterSpacing": "0px"
+    },
+    "h3": {
+      "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "28px",
+      "lineHeight": "40px",
+      "fontWeight": "600",
+      "letterSpacing": "0px"
+    },
+    "h4": {
+      "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "24px",
+      "lineHeight": "36px",
+      "fontWeight": "600",
+      "letterSpacing": "0px"
+    },
+    "body": {
+      "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "16px",
+      "lineHeight": "24px",
+      "fontWeight": "400",
+      "letterSpacing": "0px"
+    },
+    "bodySm": {
+      "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "14px",
+      "lineHeight": "20px",
+      "fontWeight": "400",
+      "letterSpacing": "0px"
+    },
+    "label": {
+      "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "14px",
+      "lineHeight": "20px",
+      "fontWeight": "600",
+      "letterSpacing": "0.3px"
+    },
+    "caption": {
+      "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "fontSize": "12px",
+      "lineHeight": "16px",
+      "fontWeight": "400",
+      "letterSpacing": "0px"
+    }
+  },
+  "radius": {
+    "control": "8px",
+    "card": "12px",
+    "modal": "16px",
+    "pill": "999px"
+  },
+  "shadow": {
+    "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
+    "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
+    "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
+  }
+} as const;
+
+export const semanticThemes = {
+  "light": {
+    "color": {
+      "brand": {
+        "primary": "#21657A",
+        "primaryHover": "#174C5D",
+        "primaryActive": "#103745",
+        "accent": "#167B76",
+        "accentHover": "#115F5C",
+        "accentActive": "#0D4744"
+      },
+      "text": {
+        "primary": "#0E1720",
+        "secondary": "#364C5F",
+        "muted": "#4E667B",
+        "inverse": "#FFFFFF"
+      },
+      "background": {
+        "canvas": "#FFFFFF",
+        "surface": "#F5F7FA",
+        "elevated": "#FFFFFF",
+        "muted": "#E9EEF4"
+      },
+      "border": {
+        "subtle": "#D3DDE7",
+        "default": "#B7C6D6",
+        "strong": "#6B8399"
+      },
+      "state": {
+        "info": "#21657A",
+        "success": "#2EA070",
+        "warning": "#FF9E1A",
+        "danger": "#C93535"
+      },
+      "stateSurface": {
+        "info": "#E9F4F7",
+        "success": "#E8F6EF",
+        "warning": "#FFF6E5",
+        "danger": "#FDECEC"
+      },
+      "stateBorder": {
+        "info": "#A5CBD8",
+        "success": "#9EDCC0",
+        "warning": "#FFD180",
+        "danger": "#F3A3A3"
+      },
+      "stateText": {
+        "info": "#174C5D",
+        "success": "#1B6145",
+        "warning": "#8A4D00",
+        "danger": "#7C1F1F"
+      },
+      "overlay": {
+        "scrim": "rgba(14, 23, 32, 0.6)"
+      },
+      "focus": {
+        "ring": "#35B2AA"
+      }
+    },
+    "theme": {
+      "colorScheme": "light"
+    },
+    "font": {
+      "family": {
+        "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
+      }
+    },
+    "typography": {
+      "display": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "48px",
+        "lineHeight": "60px",
+        "fontWeight": "700",
+        "letterSpacing": "-0.3px"
+      },
+      "h1": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "40px",
+        "lineHeight": "52px",
+        "fontWeight": "700",
+        "letterSpacing": "-0.3px"
+      },
+      "h2": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "32px",
+        "lineHeight": "44px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "h3": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "28px",
+        "lineHeight": "40px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "h4": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "24px",
+        "lineHeight": "36px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "body": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "16px",
+        "lineHeight": "24px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      },
+      "bodySm": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      },
+      "label": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": "600",
+        "letterSpacing": "0.3px"
+      },
+      "caption": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "12px",
+        "lineHeight": "16px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      }
+    },
+    "radius": {
+      "control": "8px",
+      "card": "12px",
+      "modal": "16px",
+      "pill": "999px"
+    },
+    "shadow": {
+      "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
+      "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
+      "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
+    }
+  },
+  "dark": {
+    "color": {
+      "brand": {
+        "primary": "#4D97AF",
+        "primaryHover": "#78B1C4",
+        "primaryActive": "#2E7E96",
+        "accent": "#35B2AA",
+        "accentHover": "#63C7C1",
+        "accentActive": "#1C9891"
+      },
+      "text": {
+        "primary": "#FFFFFF",
+        "secondary": "#D3DDE7",
+        "muted": "#8EA3B8",
+        "inverse": "#FFFFFF"
+      },
+      "background": {
+        "canvas": "#0E1720",
+        "surface": "#263747",
+        "elevated": "#364C5F",
+        "muted": "#172533"
+      },
+      "border": {
+        "subtle": "#364C5F",
+        "default": "#4E667B",
+        "strong": "#6B8399"
+      },
+      "state": {
+        "info": "#78B1C4",
+        "success": "#70CBA3",
+        "warning": "#FFB74D",
+        "danger": "#EB7575"
+      },
+      "stateSurface": {
+        "info": "#0B2631",
+        "success": "#0C2E22",
+        "warning": "#3D2300",
+        "danger": "#361010"
+      },
+      "stateBorder": {
+        "info": "#174C5D",
+        "success": "#1B6145",
+        "warning": "#8A4D00",
+        "danger": "#7C1F1F"
+      },
+      "stateText": {
+        "info": "#A5CBD8",
+        "success": "#9EDCC0",
+        "warning": "#FFD180",
+        "danger": "#F3A3A3"
+      },
+      "overlay": {
+        "scrim": "rgba(8, 14, 20, 0.7)"
+      },
+      "focus": {
+        "ring": "#63C7C1"
+      }
+    },
+    "theme": {
+      "colorScheme": "dark"
+    },
+    "font": {
+      "family": {
+        "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
+      }
+    },
+    "typography": {
+      "display": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "48px",
+        "lineHeight": "60px",
+        "fontWeight": "700",
+        "letterSpacing": "-0.3px"
+      },
+      "h1": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "40px",
+        "lineHeight": "52px",
+        "fontWeight": "700",
+        "letterSpacing": "-0.3px"
+      },
+      "h2": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "32px",
+        "lineHeight": "44px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "h3": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "28px",
+        "lineHeight": "40px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "h4": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "24px",
+        "lineHeight": "36px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "body": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "16px",
+        "lineHeight": "24px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      },
+      "bodySm": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      },
+      "label": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": "600",
+        "letterSpacing": "0.3px"
+      },
+      "caption": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "12px",
+        "lineHeight": "16px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      }
+    },
+    "radius": {
+      "control": "8px",
+      "card": "12px",
+      "modal": "16px",
+      "pill": "999px"
+    },
+    "shadow": {
+      "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
+      "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
+      "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
+    }
+  },
+  "highContrast": {
+    "color": {
+      "brand": {
+        "primary": "#103745",
+        "primaryHover": "#0B2631",
+        "primaryActive": "#174C5D",
+        "accent": "#115F5C",
+        "accentHover": "#0D4744",
+        "accentActive": "#167B76"
+      },
+      "text": {
+        "primary": "#0E1720",
+        "secondary": "#263747",
+        "muted": "#364C5F",
+        "inverse": "#FFFFFF"
+      },
+      "background": {
+        "canvas": "#FFFFFF",
+        "surface": "#FFFFFF",
+        "elevated": "#FFFFFF",
+        "muted": "#F5F7FA"
+      },
+      "border": {
+        "subtle": "#8EA3B8",
+        "default": "#364C5F",
+        "strong": "#0E1720"
+      },
+      "state": {
+        "info": "#103745",
+        "success": "#1B6145",
+        "warning": "#8A4D00",
+        "danger": "#7C1F1F"
+      },
+      "stateSurface": {
+        "info": "#CFE5EC",
+        "success": "#C7EAD9",
+        "warning": "#FFE8BF",
+        "danger": "#F8CACA"
+      },
+      "stateBorder": {
+        "info": "#174C5D",
+        "success": "#1B6145",
+        "warning": "#8A4D00",
+        "danger": "#7C1F1F"
+      },
+      "stateText": {
+        "info": "#103745",
+        "success": "#134533",
+        "warning": "#5E3500",
+        "danger": "#561717"
+      },
+      "overlay": {
+        "scrim": "rgba(14, 23, 32, 0.7)"
+      },
+      "focus": {
+        "ring": "#FF9E1A"
+      }
+    },
+    "theme": {
+      "colorScheme": "light"
+    },
+    "font": {
+      "family": {
+        "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
+      }
+    },
+    "typography": {
+      "display": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "48px",
+        "lineHeight": "60px",
+        "fontWeight": "700",
+        "letterSpacing": "-0.3px"
+      },
+      "h1": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "40px",
+        "lineHeight": "52px",
+        "fontWeight": "700",
+        "letterSpacing": "-0.3px"
+      },
+      "h2": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "32px",
+        "lineHeight": "44px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "h3": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "28px",
+        "lineHeight": "40px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "h4": {
+        "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "24px",
+        "lineHeight": "36px",
+        "fontWeight": "600",
+        "letterSpacing": "0px"
+      },
+      "body": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "16px",
+        "lineHeight": "24px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      },
+      "bodySm": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      },
+      "label": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": "600",
+        "letterSpacing": "0.3px"
+      },
+      "caption": {
+        "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+        "fontSize": "12px",
+        "lineHeight": "16px",
+        "fontWeight": "400",
+        "letterSpacing": "0px"
+      }
+    },
+    "radius": {
+      "control": "8px",
+      "card": "12px",
+      "modal": "16px",
+      "pill": "999px"
+    },
+    "shadow": {
+      "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
+      "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
+      "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
+    }
+  }
+} as const;
+
+export const cssVars = {
+  "primitives": {
+    "color": {
+      "slate": {
+        "0": "var(--color-slate-0)",
+        "50": "var(--color-slate-50)",
+        "100": "var(--color-slate-100)",
+        "200": "var(--color-slate-200)",
+        "300": "var(--color-slate-300)",
+        "400": "var(--color-slate-400)",
+        "500": "var(--color-slate-500)",
+        "600": "var(--color-slate-600)",
+        "700": "var(--color-slate-700)",
+        "800": "var(--color-slate-800)",
+        "900": "var(--color-slate-900)",
+        "950": "var(--color-slate-950)"
+      },
+      "ocean": {
+        "50": "var(--color-ocean-50)",
+        "100": "var(--color-ocean-100)",
+        "200": "var(--color-ocean-200)",
+        "300": "var(--color-ocean-300)",
+        "400": "var(--color-ocean-400)",
+        "500": "var(--color-ocean-500)",
+        "600": "var(--color-ocean-600)",
+        "700": "var(--color-ocean-700)",
+        "800": "var(--color-ocean-800)",
+        "900": "var(--color-ocean-900)"
+      },
+      "teal": {
+        "50": "var(--color-teal-50)",
+        "100": "var(--color-teal-100)",
+        "200": "var(--color-teal-200)",
+        "300": "var(--color-teal-300)",
+        "400": "var(--color-teal-400)",
+        "500": "var(--color-teal-500)",
+        "600": "var(--color-teal-600)",
+        "700": "var(--color-teal-700)",
+        "800": "var(--color-teal-800)",
+        "900": "var(--color-teal-900)"
+      },
+      "amber": {
+        "50": "var(--color-amber-50)",
+        "100": "var(--color-amber-100)",
+        "200": "var(--color-amber-200)",
+        "300": "var(--color-amber-300)",
+        "400": "var(--color-amber-400)",
+        "500": "var(--color-amber-500)",
+        "600": "var(--color-amber-600)",
+        "700": "var(--color-amber-700)",
+        "800": "var(--color-amber-800)",
+        "900": "var(--color-amber-900)"
+      },
+      "red": {
+        "50": "var(--color-red-50)",
+        "100": "var(--color-red-100)",
+        "200": "var(--color-red-200)",
+        "300": "var(--color-red-300)",
+        "400": "var(--color-red-400)",
+        "500": "var(--color-red-500)",
+        "600": "var(--color-red-600)",
+        "700": "var(--color-red-700)",
+        "800": "var(--color-red-800)",
+        "900": "var(--color-red-900)"
+      },
+      "green": {
+        "50": "var(--color-green-50)",
+        "100": "var(--color-green-100)",
+        "200": "var(--color-green-200)",
+        "300": "var(--color-green-300)",
+        "400": "var(--color-green-400)",
+        "500": "var(--color-green-500)",
+        "600": "var(--color-green-600)",
+        "700": "var(--color-green-700)",
+        "800": "var(--color-green-800)",
+        "900": "var(--color-green-900)"
+      }
+    },
+    "font": {
+      "family": {
+        "brand": "var(--font-family-brand)",
+        "text": "var(--font-family-text)",
+        "mono": "var(--font-family-mono)"
+      },
+      "weight": {
+        "regular": "var(--font-weight-regular)",
+        "medium": "var(--font-weight-medium)",
+        "semibold": "var(--font-weight-semibold)",
+        "bold": "var(--font-weight-bold)"
+      },
+      "size": {
+        "xs": "var(--font-size-xs)",
+        "sm": "var(--font-size-sm)",
+        "md": "var(--font-size-md)",
+        "lg": "var(--font-size-lg)",
+        "xl": "var(--font-size-xl)",
+        "2xl": "var(--font-size-2xl)",
+        "3xl": "var(--font-size-3xl)",
+        "4xl": "var(--font-size-4xl)",
+        "5xl": "var(--font-size-5xl)",
+        "6xl": "var(--font-size-6xl)"
+      },
+      "lineHeight": {
+        "xs": "var(--line-height-xs)",
+        "sm": "var(--line-height-sm)",
+        "md": "var(--line-height-md)",
+        "lg": "var(--line-height-lg)",
+        "xl": "var(--line-height-xl)",
+        "2xl": "var(--line-height-2xl)",
+        "3xl": "var(--line-height-3xl)",
+        "4xl": "var(--line-height-4xl)",
+        "5xl": "var(--line-height-5xl)",
+        "6xl": "var(--line-height-6xl)"
+      },
+      "letterSpacing": {
+        "tight": "var(--letter-spacing-tight)",
+        "normal": "var(--letter-spacing-normal)",
+        "wide": "var(--letter-spacing-wide)"
+      }
+    },
+    "space": {
+      "0": "var(--space-0)",
+      "1": "var(--space-1)",
+      "2": "var(--space-2)",
+      "3": "var(--space-3)",
+      "4": "var(--space-4)",
+      "5": "var(--space-5)",
+      "6": "var(--space-6)",
+      "7": "var(--space-7)",
+      "8": "var(--space-8)",
+      "9": "var(--space-9)",
+      "10": "var(--space-10)",
+      "11": "var(--space-11)",
+      "12": "var(--space-12)",
+      "13": "var(--space-13)"
+    },
+    "radius": {
+      "xs": "var(--radius-xs)",
+      "sm": "var(--radius-sm)",
+      "md": "var(--radius-md)",
+      "lg": "var(--radius-lg)",
+      "xl": "var(--radius-xl)",
+      "2xl": "var(--radius-2xl)",
+      "round": "var(--radius-round)"
+    },
+    "border": {
+      "width": {
+        "thin": "var(--border-thin)",
+        "medium": "var(--border-medium)",
+        "thick": "var(--border-thick)"
+      }
+    },
+    "opacity": {
+      "muted": "var(--opacity-muted)",
+      "disabled": "var(--opacity-disabled)",
+      "overlay": "var(--opacity-overlay)"
+    },
+    "size": {
+      "controlHeight": {
+        "xs": "var(--control-height-xs)",
+        "sm": "var(--control-height-sm)",
+        "md": "var(--control-height-md)",
+        "lg": "var(--control-height-lg)",
+        "calendarDay": "var(--control-height-calendar-day)"
+      },
+      "icon": {
+        "sm": "var(--icon-sm)",
+        "md": "var(--icon-md)",
+        "lg": "var(--icon-lg)",
+        "xl": "var(--icon-xl)"
+      }
+    },
+    "layout": {
+      "container": {
+        "sm": "var(--container-sm)",
+        "md": "var(--container-md)",
+        "lg": "var(--container-lg)",
+        "xl": "var(--container-xl)"
+      },
+      "gutter": {
+        "sm": "var(--gutter-sm)",
+        "md": "var(--gutter-md)",
+        "lg": "var(--gutter-lg)"
+      },
+      "gridGap": {
+        "sm": "var(--grid-gap-sm)",
+        "md": "var(--grid-gap-md)",
+        "lg": "var(--grid-gap-lg)"
+      }
+    },
+    "shadow": {
+      "xs": "var(--shadow-xs)",
+      "sm": "var(--shadow-sm)",
+      "md": "var(--shadow-md)",
+      "lg": "var(--shadow-lg)",
+      "xl": "var(--shadow-xl)"
+    },
+    "motion": {
+      "duration": {
+        "fast": "var(--duration-fast)",
+        "normal": "var(--duration-normal)",
+        "slow": "var(--duration-slow)",
+        "xslow": "var(--duration-xslow)"
+      },
+      "easing": {
+        "standard": "var(--easing-standard)",
+        "decelerate": "var(--easing-decelerate)",
+        "accelerate": "var(--easing-accelerate)"
+      }
+    },
+    "zIndex": {
+      "base": "var(--z-base)",
+      "dropdown": "var(--z-dropdown)",
+      "sticky": "var(--z-sticky)",
+      "overlay": "var(--z-overlay)",
+      "modal": "var(--z-modal)",
+      "toast": "var(--z-toast)",
+      "tooltip": "var(--z-tooltip)"
+    },
+    "breakpoint": {
+      "xs": "var(--bp-xs)",
+      "sm": "var(--bp-sm)",
+      "md": "var(--bp-md)",
+      "lg": "var(--bp-lg)",
+      "xl": "var(--bp-xl)"
+    }
+  },
+  "semantic": {
+    "color": {
+      "brand": {
+        "primary": "var(--color-brand-primary)",
+        "primaryHover": "var(--color-brand-primary-hover)",
+        "primaryActive": "var(--color-brand-primary-active)",
+        "accent": "var(--color-brand-accent)",
+        "accentHover": "var(--color-brand-accent-hover)",
+        "accentActive": "var(--color-brand-accent-active)"
+      },
+      "text": {
+        "primary": "var(--color-text-primary)",
+        "secondary": "var(--color-text-secondary)",
+        "muted": "var(--color-text-muted)",
+        "inverse": "var(--color-text-inverse)"
+      },
+      "background": {
+        "canvas": "var(--color-bg-canvas)",
+        "surface": "var(--color-bg-surface)",
+        "elevated": "var(--color-bg-elevated)",
+        "muted": "var(--color-bg-muted)"
+      },
+      "border": {
+        "subtle": "var(--color-border-subtle)",
+        "default": "var(--color-border-default)",
+        "strong": "var(--color-border-strong)"
+      },
+      "state": {
+        "info": "var(--color-state-info)",
+        "success": "var(--color-state-success)",
+        "warning": "var(--color-state-warning)",
+        "danger": "var(--color-state-danger)"
+      },
+      "stateSurface": {
+        "info": "var(--color-state-info-surface)",
+        "success": "var(--color-state-success-surface)",
+        "warning": "var(--color-state-warning-surface)",
+        "danger": "var(--color-state-danger-surface)"
+      },
+      "stateBorder": {
+        "info": "var(--color-state-info-border)",
+        "success": "var(--color-state-success-border)",
+        "warning": "var(--color-state-warning-border)",
+        "danger": "var(--color-state-danger-border)"
+      },
+      "stateText": {
+        "info": "var(--color-state-info-text)",
+        "success": "var(--color-state-success-text)",
+        "warning": "var(--color-state-warning-text)",
+        "danger": "var(--color-state-danger-text)"
+      },
+      "overlay": {
+        "scrim": "var(--color-overlay-scrim)"
+      },
+      "focus": {
+        "ring": "var(--color-focus-ring)"
+      }
+    },
+    "theme": {
+      "colorScheme": "var(--theme-color-scheme)"
+    },
+    "font": {
+      "family": {
+        "heading": "var(--font-family-heading)",
+        "body": "var(--font-family-body)",
+        "code": "var(--font-family-code)"
+      }
+    },
+    "typography": {
+      "display": {
+        "fontFamily": "var(--type-display-font-family)",
+        "fontSize": "var(--type-display-font-size)",
+        "lineHeight": "var(--type-display-line-height)",
+        "fontWeight": "var(--type-display-font-weight)",
+        "letterSpacing": "var(--type-display-letter-spacing)"
+      },
+      "h1": {
+        "fontFamily": "var(--type-h1-font-family)",
+        "fontSize": "var(--type-h1-font-size)",
+        "lineHeight": "var(--type-h1-line-height)",
+        "fontWeight": "var(--type-h1-font-weight)",
+        "letterSpacing": "var(--type-h1-letter-spacing)"
+      },
+      "h2": {
+        "fontFamily": "var(--type-h2-font-family)",
+        "fontSize": "var(--type-h2-font-size)",
+        "lineHeight": "var(--type-h2-line-height)",
+        "fontWeight": "var(--type-h2-font-weight)",
+        "letterSpacing": "var(--type-h2-letter-spacing)"
+      },
+      "h3": {
+        "fontFamily": "var(--type-h3-font-family)",
+        "fontSize": "var(--type-h3-font-size)",
+        "lineHeight": "var(--type-h3-line-height)",
+        "fontWeight": "var(--type-h3-font-weight)",
+        "letterSpacing": "var(--type-h3-letter-spacing)"
+      },
+      "h4": {
+        "fontFamily": "var(--type-h4-font-family)",
+        "fontSize": "var(--type-h4-font-size)",
+        "lineHeight": "var(--type-h4-line-height)",
+        "fontWeight": "var(--type-h4-font-weight)",
+        "letterSpacing": "var(--type-h4-letter-spacing)"
+      },
+      "body": {
+        "fontFamily": "var(--type-body-font-family)",
+        "fontSize": "var(--type-body-font-size)",
+        "lineHeight": "var(--type-body-line-height)",
+        "fontWeight": "var(--type-body-font-weight)",
+        "letterSpacing": "var(--type-body-letter-spacing)"
+      },
+      "bodySm": {
+        "fontFamily": "var(--type-body-sm-font-family)",
+        "fontSize": "var(--type-body-sm-font-size)",
+        "lineHeight": "var(--type-body-sm-line-height)",
+        "fontWeight": "var(--type-body-sm-font-weight)",
+        "letterSpacing": "var(--type-body-sm-letter-spacing)"
+      },
+      "label": {
+        "fontFamily": "var(--type-label-font-family)",
+        "fontSize": "var(--type-label-font-size)",
+        "lineHeight": "var(--type-label-line-height)",
+        "fontWeight": "var(--type-label-font-weight)",
+        "letterSpacing": "var(--type-label-letter-spacing)"
+      },
+      "caption": {
+        "fontFamily": "var(--type-caption-font-family)",
+        "fontSize": "var(--type-caption-font-size)",
+        "lineHeight": "var(--type-caption-line-height)",
+        "fontWeight": "var(--type-caption-font-weight)",
+        "letterSpacing": "var(--type-caption-letter-spacing)"
+      }
+    },
+    "radius": {
+      "control": "var(--radius-control)",
+      "card": "var(--radius-card)",
+      "modal": "var(--radius-modal)",
+      "pill": "var(--radius-pill)"
+    },
+    "shadow": {
+      "card": "var(--shadow-card)",
+      "dropdown": "var(--shadow-dropdown)",
+      "modal": "var(--shadow-modal)"
+    }
+  }
+} as const;
+
+export const tokens = { primitives, semantic, semanticThemes, cssVars } as const;