/** * Eden CSS - TypeScript/JavaScript API * * ⚠️ AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY * * 🎯 SINGLE SOURCE OF TRUTH: src/design-system/tokens.json * * This file is generated from tokens.json using Style Dictionary. * Run `npm run tokens:build` to regenerate * * This provides programmatic access to design tokens for TypeScript/JavaScript code. */ export const EdenColorBgPrimary = "#151518"; export const EdenColorBgSecondary = "#252529"; export const EdenColorBgGlassLight = "rgba(255, 255, 255, 0.04)"; export const EdenColorBgGlassMedium = "rgba(255, 255, 255, 0.08)"; export const EdenColorBgGlassStrong = "rgba(18, 24, 42, 0.55)"; export const EdenColorBgOverlay = "rgba(8, 12, 24, 0.62)"; export const EdenColorBgDark = "rgba(0, 0, 0, 0.04)"; export const EdenColorSurfacePrimary = "#1e1e2e"; export const EdenColorSurfaceSecondary = "#2d2d44"; export const EdenColorSurfaceTertiary = "#3d3d5c"; export const EdenColorSurfaceElevated = "rgba(255, 255, 255, 0.06)"; export const EdenColorSurfaceHover = "rgba(255, 255, 255, 0.12)"; export const EdenColorSurfaceActive = "rgba(255, 255, 255, 0.18)"; export const EdenColorTextPrimary = "rgba(239, 244, 255, 0.96)"; export const EdenColorTextSecondary = "rgba(234, 234, 234, 0.95)"; export const EdenColorTextTertiary = "rgba(189, 189, 189, 0.9)"; export const EdenColorTextMuted = "rgba(255, 255, 255, 0.6)"; export const EdenColorTextInverse = "#1a1a1a"; export const EdenColorTextOnDark = "#ffffff"; export const EdenColorAccentPrimary = "#4a9eff"; export const EdenColorAccentPrimaryHover = "#5ca8ff"; export const EdenColorAccentPrimaryActive = "#3b8ee8"; export const EdenColorAccentBlue = "rgb(82, 163, 255)"; export const EdenColorAccentBlueDark = "rgb(54, 123, 255)"; export const EdenColorAccentPurple = "#667eea"; export const EdenColorAccentPurpleLight = "#7c92f0"; export const EdenColorSuccess = "#51cf66"; export const EdenColorSuccessHover = "#69db7c"; export const EdenColorDanger = "#ff3b30"; export const EdenColorDangerHover = "#ff6b6b"; export const EdenColorDangerBg = "rgba(255, 59, 48, 0.1)"; export const EdenColorWarning = "#ffd93d"; export const EdenColorInfo = "#4dabf7"; export const EdenColorBorderLight = "rgba(255, 255, 255, 0.06)"; export const EdenColorBorderMedium = "rgba(255, 255, 255, 0.12)"; export const EdenColorBorderDark = "rgba(0, 0, 0, 0.1)"; export const EdenColorBorderSeparator = "rgba(255, 255, 255, 0.18)"; export const EdenSpaceXs = "4px"; export const EdenSpaceSm = "8px"; export const EdenSpaceMd = "16px"; export const EdenSpaceLg = "24px"; export const EdenSpaceXl = "36px"; export const EdenSpace2xl = "48px"; export const EdenSpace3xl = "64px"; export const EdenRadiusXs = "6px"; export const EdenRadiusSm = "10px"; export const EdenRadiusMd = "14px"; export const EdenRadiusLg = "18px"; export const EdenRadiusXl = "20px"; export const EdenRadius2xl = "28px"; export const EdenRadiusRound = "50%"; export const EdenShadowXs = "0 1px 3px rgba(0, 0, 0, 0.3)"; export const EdenShadowSm = "0 2px 6px rgba(0, 0, 0, 0.5)"; export const EdenShadowMd = "0 8px 20px rgba(0, 0, 0, 0.28)"; export const EdenShadowLg = "0 10px 30px rgba(0, 0, 0, 0.3)"; export const EdenShadowXl = "0 20px 60px rgba(0, 0, 0, 0.3)"; export const EdenShadow2xl = "0 28px 80px rgba(0, 0, 0, 0.45)"; export const EdenShadowInner = "inset 0 1px 3px rgba(0, 0, 0, 0.2)"; export const EdenGlassLight = "blur(10px) saturate(120%)"; export const EdenGlassMedium = "blur(18px) saturate(140%)"; export const EdenGlassStrong = "blur(26px) saturate(160%)"; export const EdenGlassUltra = "blur(34px) saturate(170%)"; export const EdenFontFamilyBase = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif'; export const EdenFontFamilyMono = '"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace'; export const EdenFontSizeXs = "10px"; export const EdenFontSizeSm = "11px"; export const EdenFontSizeBase = "13px"; export const EdenFontSizeMd = "14px"; export const EdenFontSizeLg = "16px"; export const EdenFontSizeXl = "18px"; export const EdenFontSize2xl = "24px"; export const EdenFontSize3xl = "32px"; export const EdenFontSize4xl = "48px"; export const EdenFontWeightNormal = 400; export const EdenFontWeightMedium = 500; export const EdenFontWeightSemibold = 600; export const EdenFontWeightBold = 700; export const EdenFontLineHeightTight = 1.2; export const EdenFontLineHeightNormal = 1.5; export const EdenFontLineHeightRelaxed = 1.75; export const EdenFontLetterSpacingTight = "-0.6px"; export const EdenFontLetterSpacingNormal = "-0.2px"; export const EdenFontLetterSpacingWide = "0.1px"; export const EdenTransitionFast = "0.15s ease"; export const EdenTransitionBase = "0.2s cubic-bezier(0.4, 0, 0.2, 1)"; export const EdenTransitionSmooth = "0.3s cubic-bezier(0.4, 0, 0.2, 1)"; export const EdenTransitionBounce = "0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55)"; export const EdenTransitionEaseIn = "cubic-bezier(0.4, 0, 1, 1)"; export const EdenTransitionEaseOut = "cubic-bezier(0, 0, 0.2, 1)"; export const EdenTransitionEaseInOut = "cubic-bezier(0.4, 0, 0.2, 1)"; export const EdenZBase = 0; export const EdenZDropdown = 100; export const EdenZSticky = 200; export const EdenZOverlay = 1000; export const EdenZModal = 2000; export const EdenZPopover = 2001; export const EdenZTooltip = 3000; export const EdenLayoutDockHeight = "72px"; export const EdenLayoutIconSizeSm = "24px"; export const EdenLayoutIconSizeMd = "40px"; export const EdenLayoutIconSizeLg = "64px"; export const EdenLayoutIconSizeXl = "88px"; export const EdenDurationInstant = "0.1s"; export const EdenDurationFast = "0.15s"; export const EdenDurationNormal = "0.22s"; export const EdenDurationSlow = "0.32s"; export const EdenDurationSlower = "0.5s";