@orange-halo/tokens 1.0.0 → 2.1.0

package/tokens/global.tokens.json

@@ -1,230 +0,0 @@
-{
-  "$description": "Global Design Tokens — Orange Halo Visual DNA. Warm, playful, personal.",
-  "color": {
-    "$description": "Warm color palette with nostalgic character. No pure white, no blue-gray.",
-    "orange": {
-      "$description": "Primary brand orange — vibrant and accessible",
-      "50": { "$type": "color", "$value": "#FFF3E0" },
-      "100": { "$type": "color", "$value": "#FFE0B2" },
-      "200": { "$type": "color", "$value": "#FFCC80" },
-      "300": { "$type": "color", "$value": "#FFB74D" },
-      "400": { "$type": "color", "$value": "#FFA726" },
-      "500": { "$type": "color", "$value": "#FF9800" },
-      "600": { "$type": "color", "$value": "#FB8C00" },
-      "700": { "$type": "color", "$value": "#F57C00" },
-      "800": { "$type": "color", "$value": "#EF6C00" },
-      "900": { "$type": "color", "$value": "#C54300", "$description": "Primary brand — WCAG AA (4.5:1)" },
-      "950": { "$type": "color", "$value": "#9E3500", "$description": "Hover/active state — WCAG AA (7.2:1)" }
-    },
-    "honey": {
-      "$description": "Warm highlight — golden warmth for accents and feedback",
-      "50": { "$type": "color", "$value": "#FEFAEE" },
-      "100": { "$type": "color", "$value": "#FDF3D4" },
-      "200": { "$type": "color", "$value": "#FBE7A8" },
-      "300": { "$type": "color", "$value": "#F8D56F" },
-      "400": { "$type": "color", "$value": "#E8A838", "$description": "Signature honey" },
-      "500": { "$type": "color", "$value": "#D4922C" },
-      "600": { "$type": "color", "$value": "#B87A24" },
-      "700": { "$type": "color", "$value": "#8C5E1C", "$description": "WCAG AA (5.2:1)" },
-      "800": { "$type": "color", "$value": "#6B4815" }
-    },
-    "terracotta": {
-      "$description": "Deep accent — earthy depth for active states and emphasis",
-      "50": { "$type": "color", "$value": "#FBF5F0" },
-      "100": { "$type": "color", "$value": "#F5E8DE" },
-      "200": { "$type": "color", "$value": "#E8CDBF" },
-      "300": { "$type": "color", "$value": "#D4A88F" },
-      "400": { "$type": "color", "$value": "#BF8060" },
-      "500": { "$type": "color", "$value": "#A0522D", "$description": "Signature terracotta — WCAG AA (5.3:1)" },
-      "600": { "$type": "color", "$value": "#8B4726" },
-      "700": { "$type": "color", "$value": "#6F3920" },
-      "800": { "$type": "color", "$value": "#5A2F1A" },
-      "900": { "$type": "color", "$value": "#452414" }
-    },
-    "eucalyptus": {
-      "$description": "Nostalgic accent — muted teal, the retro counterbalance",
-      "50": { "$type": "color", "$value": "#F0F6F6" },
-      "100": { "$type": "color", "$value": "#E0EBEB" },
-      "200": { "$type": "color", "$value": "#C2D7D7" },
-      "300": { "$type": "color", "$value": "#9EBEBE" },
-      "400": { "$type": "color", "$value": "#7AA3A4" },
-      "500": { "$type": "color", "$value": "#5F8A8B", "$description": "Signature eucalyptus — WCAG AA (4.5:1)" },
-      "600": { "$type": "color", "$value": "#4D7172" },
-      "700": { "$type": "color", "$value": "#3F5C5D", "$description": "WCAG AA (6.2:1)" },
-      "800": { "$type": "color", "$value": "#344A4B" },
-      "900": { "$type": "color", "$value": "#2A3C3D" }
-    },
-    "warm": {
-      "$description": "Warm neutral scale — cream to walnut, no blue-gray",
-      "cream": { "$type": "color", "$value": "#FAF7F2", "$description": "Base background — warm off-white" },
-      "linen": { "$type": "color", "$value": "#F5F0E8", "$description": "Raised surface" },
-      "parchment": { "$type": "color", "$value": "#EDE8DF", "$description": "Inset surface" },
-      "sand": { "$type": "color", "$value": "#E2DCD2", "$description": "Borders, dividers" },
-      "dune": { "$type": "color", "$value": "#C9C1B4", "$description": "Muted elements" },
-      "driftwood": { "$type": "color", "$value": "#6B5D4D", "$description": "Secondary text — WCAG AA (4.8:1)" },
-      "bark": { "$type": "color", "$value": "#52463A", "$description": "Emphasis text (6.8:1)" },
-      "walnut": { "$type": "color", "$value": "#3D3229", "$description": "Primary text — WCAG AA (8.2:1)" }
-    },
-    "green": {
-      "$description": "Success — warm-tinted green",
-      "50": { "$type": "color", "$value": "#F0F7F1" },
-      "100": { "$type": "color", "$value": "#D9EDD9" },
-      "500": { "$type": "color", "$value": "#5A9A5C" },
-      "600": { "$type": "color", "$value": "#4A8A4C", "$description": "WCAG AA (4.5:1)" },
-      "700": { "$type": "color", "$value": "#3D7340" }
-    },
-    "red": {
-      "$description": "Error — warm-tinted red",
-      "50": { "$type": "color", "$value": "#FDF4F3" },
-      "100": { "$type": "color", "$value": "#F9E0DC" },
-      "500": { "$type": "color", "$value": "#C75450" },
-      "600": { "$type": "color", "$value": "#B54540", "$description": "WCAG AA (4.8:1)" },
-      "700": { "$type": "color", "$value": "#943836", "$description": "Hover/active state" }
-    },
-    "blue": {
-      "$description": "Blue accent — modern counterbalance for CTAs",
-      "50": { "$type": "color", "$value": "#EEF4F9" },
-      "100": { "$type": "color", "$value": "#D6E4F0" },
-      "200": { "$type": "color", "$value": "#A0B4C8" },
-      "300": { "$type": "color", "$value": "#7A9AB8" },
-      "400": { "$type": "color", "$value": "#5A82A8" },
-      "500": { "$type": "color", "$value": "#3D5A80", "$description": "Signature blue — WCAG AA (5.5:1)" },
-      "600": { "$type": "color", "$value": "#354F70", "$description": "Hover state" },
-      "700": { "$type": "color", "$value": "#2E4460", "$description": "Active state" },
-      "800": { "$type": "color", "$value": "#253850" }
-    },
-    "white": { "$type": "color", "$value": "#FFFFFF", "$description": "Pure white for inputs/highlights" }
-  },
-  "font": {
-    "family": {
-      "$description": "Bricolage Grotesque — playful, crafted, warm",
-      "sans": { "$type": "fontFamily", "$value": "'Bricolage Grotesque', 'General Sans', -apple-system, BlinkMacSystemFont, sans-serif" },
-      "display": { "$type": "fontFamily", "$value": "'Bricolage Grotesque', 'General Sans', sans-serif" },
-      "mono": { "$type": "fontFamily", "$value": "'JetBrains Mono', 'Fira Code', ui-monospace, monospace" }
-    },
-    "size": {
-      "$description": "Slightly expressive type scale",
-      "xs": { "$type": "dimension", "$value": "0.75rem", "$description": "12px" },
-      "sm": { "$type": "dimension", "$value": "0.875rem", "$description": "14px" },
-      "base": { "$type": "dimension", "$value": "1rem", "$description": "16px" },
-      "lg": { "$type": "dimension", "$value": "1.125rem", "$description": "18px" },
-      "xl": { "$type": "dimension", "$value": "1.25rem", "$description": "20px" },
-      "2xl": { "$type": "dimension", "$value": "1.625rem", "$description": "26px" },
-      "3xl": { "$type": "dimension", "$value": "2rem", "$description": "32px" },
-      "4xl": { "$type": "dimension", "$value": "2.625rem", "$description": "42px" },
-      "5xl": { "$type": "dimension", "$value": "3.25rem", "$description": "52px" }
-    },
-    "weight": {
-      "$description": "Font weights for hierarchy",
-      "normal": { "$type": "fontWeight", "$value": "400" },
-      "medium": { "$type": "fontWeight", "$value": "500" },
-      "semibold": { "$type": "fontWeight", "$value": "600" },
-      "bold": { "$type": "fontWeight", "$value": "700" }
-    },
-    "lineHeight": {
-      "$description": "Generous line heights for readability",
-      "none": { "$type": "number", "$value": 1 },
-      "tight": { "$type": "number", "$value": 1.25 },
-      "snug": { "$type": "number", "$value": 1.35 },
-      "normal": { "$type": "number", "$value": 1.5 },
-      "relaxed": { "$type": "number", "$value": 1.65 },
-      "loose": { "$type": "number", "$value": 1.8 }
-    },
-    "letterSpacing": {
-      "$description": "Letter spacing — loose for small, tight for display",
-      "tighter": { "$type": "dimension", "$value": "-0.02em" },
-      "tight": { "$type": "dimension", "$value": "-0.01em" },
-      "normal": { "$type": "dimension", "$value": "0" },
-      "wide": { "$type": "dimension", "$value": "0.01em" },
-      "wider": { "$type": "dimension", "$value": "0.02em" }
-    }
-  },
-  "spacing": {
-    "$description": "Generous spacing — breathing room, not dense",
-    "0": { "$type": "dimension", "$value": "0" },
-    "px": { "$type": "dimension", "$value": "1px" },
-    "0-5": { "$type": "dimension", "$value": "0.125rem", "$description": "2px" },
-    "1": { "$type": "dimension", "$value": "0.25rem", "$description": "4px" },
-    "1-5": { "$type": "dimension", "$value": "0.375rem", "$description": "6px" },
-    "2": { "$type": "dimension", "$value": "0.5rem", "$description": "8px" },
-    "2-5": { "$type": "dimension", "$value": "0.625rem", "$description": "10px" },
-    "3": { "$type": "dimension", "$value": "0.75rem", "$description": "12px" },
-    "3-5": { "$type": "dimension", "$value": "0.875rem", "$description": "14px" },
-    "4": { "$type": "dimension", "$value": "1rem", "$description": "16px" },
-    "5": { "$type": "dimension", "$value": "1.25rem", "$description": "20px" },
-    "6": { "$type": "dimension", "$value": "1.5rem", "$description": "24px" },
-    "7": { "$type": "dimension", "$value": "1.75rem", "$description": "28px" },
-    "8": { "$type": "dimension", "$value": "2rem", "$description": "32px" },
-    "10": { "$type": "dimension", "$value": "2.5rem", "$description": "40px" },
-    "12": { "$type": "dimension", "$value": "3rem", "$description": "48px" },
-    "16": { "$type": "dimension", "$value": "4rem", "$description": "64px" },
-    "20": { "$type": "dimension", "$value": "5rem", "$description": "80px" }
-  },
-  "radius": {
-    "$description": "Friendly and soft — not sharp, not overly pill-shaped",
-    "none": { "$type": "dimension", "$value": "0" },
-    "xs": { "$type": "dimension", "$value": "4px", "$description": "Small details, chips" },
-    "sm": { "$type": "dimension", "$value": "6px", "$description": "Buttons, inputs" },
-    "md": { "$type": "dimension", "$value": "10px", "$description": "Cards, panels" },
-    "lg": { "$type": "dimension", "$value": "14px", "$description": "Modals, large containers" },
-    "xl": { "$type": "dimension", "$value": "20px", "$description": "Hero elements" },
-    "full": { "$type": "dimension", "$value": "9999px", "$description": "Avatars, pills" }
-  },
-  "shadow": {
-    "$description": "Warm, low-contrast shadows — never harsh",
-    "none": { "$type": "shadow", "$value": "none" },
-    "soft": { "$type": "shadow", "$value": "0 2px 8px rgba(61, 50, 41, 0.06), 0 1px 3px rgba(61, 50, 41, 0.08)", "$description": "Cards, raised elements" },
-    "medium": { "$type": "shadow", "$value": "0 4px 16px rgba(61, 50, 41, 0.08), 0 2px 6px rgba(61, 50, 41, 0.06)", "$description": "Dropdowns, popovers" },
-    "strong": { "$type": "shadow", "$value": "0 8px 24px rgba(61, 50, 41, 0.10), 0 4px 8px rgba(61, 50, 41, 0.06)", "$description": "Modals, dialogs" },
-    "glow": { "$type": "shadow", "$value": "0 0 0 3px rgba(197, 67, 0, 0.2), 0 0 12px rgba(197, 67, 0, 0.1)", "$description": "Focus ring — warm and friendly" },
-    "inset": { "$type": "shadow", "$value": "inset 0 1px 3px rgba(61, 50, 41, 0.08)", "$description": "Inputs, wells" },
-    "chunky": {
-      "$description": "Offset chunky shadows for playful tactile feel",
-      "primary": { "$type": "color", "$value": "#E8C4A0", "$description": "Warm peach for primary buttons" },
-      "secondary": { "$type": "color", "$value": "#D4C4B0", "$description": "Neutral tan for secondary/form elements" },
-      "accent": { "$type": "color", "$value": "#A0B4C8", "$description": "Cool blue-gray for accent buttons" },
-      "error": { "$type": "color", "$value": "rgba(181, 69, 64, 0.3)", "$description": "Error state shadow" }
-    }
-  },
-  "gradient": {
-    "$description": "Soft, nostalgic gradients — never high-contrast or flashy",
-    "sunlit": { "$type": "string", "$value": "linear-gradient(180deg, #FAF7F2 0%, #F5EFE4 100%)", "$description": "Gentle warmth for surfaces" },
-    "warm": { "$type": "string", "$value": "linear-gradient(135deg, #C54300 0%, #FF9800 100%)", "$description": "Brand emphasis" },
-    "nostalgic": { "$type": "string", "$value": "linear-gradient(180deg, #F5F0E8 0%, #EDE8DF 100%)", "$description": "Subtle retro depth" }
-  },
-  "motion": {
-    "$description": "Subtle and playful — relaxed easing, never snappy",
-    "duration": {
-      "quick": { "$type": "duration", "$value": "100ms", "$description": "Micro-interactions (color shifts)" },
-      "snappy": { "$type": "duration", "$value": "150ms", "$description": "Button/input transitions" },
-      "gentle": { "$type": "duration", "$value": "200ms", "$description": "Standard interactions (hover, focus)" },
-      "relaxed": { "$type": "duration", "$value": "300ms", "$description": "Larger transitions (panels)" },
-      "slow": { "$type": "duration", "$value": "400ms", "$description": "Emphasis animations" }
-    },
-    "easing": {
-      "gentle": { "$type": "cubicBezier", "$value": [0.4, 0, 0.2, 1], "$description": "Default — smooth and natural" },
-      "out": { "$type": "cubicBezier", "$value": [0, 0, 0.2, 1], "$description": "Enters and reveals" },
-      "in": { "$type": "cubicBezier", "$value": [0.4, 0, 1, 1], "$description": "Exits" },
-      "playful": { "$type": "cubicBezier", "$value": [0.34, 1.3, 0.64, 1], "$description": "Celebrations — slight overshoot" }
-    }
-  },
-  "border": {
-    "width": {
-      "$description": "Border widths",
-      "0": { "$type": "dimension", "$value": "0" },
-      "1": { "$type": "dimension", "$value": "1px" },
-      "2": { "$type": "dimension", "$value": "2px" }
-    }
-  },
-  "zIndex": {
-    "$description": "Z-index layering",
-    "0": { "$type": "number", "$value": 0 },
-    "10": { "$type": "number", "$value": 10 },
-    "20": { "$type": "number", "$value": 20 },
-    "dropdown": { "$type": "number", "$value": 1000 },
-    "sticky": { "$type": "number", "$value": 1100 },
-    "modal": { "$type": "number", "$value": 1200 },
-    "popover": { "$type": "number", "$value": 1300 },
-    "tooltip": { "$type": "number", "$value": 1400 }
-  }
-}

package/tokens/semantic.tokens.json

@@ -1,219 +0,0 @@
-{
-  "$description": "Semantic Design Tokens — Orange Halo Visual DNA. Purpose-driven warmth.",
-  "color": {
-    "brand": {
-      "$description": "Brand colors — Orange Halo warmth",
-      "primary": { "$type": "color", "$value": "{color.orange.900}", "$description": "Primary brand action — WCAG AA" },
-      "primaryHover": { "$type": "color", "$value": "{color.orange.950}", "$description": "Hover state" },
-      "primaryActive": { "$type": "color", "$value": "{color.orange.950}", "$description": "Active/pressed state" },
-      "primarySubtle": { "$type": "color", "$value": "{color.orange.50}", "$description": "Subtle tint" },
-      "primaryMuted": { "$type": "color", "$value": "{color.orange.100}", "$description": "Background tint" },
-      "highlight": { "$type": "color", "$value": "{color.honey.400}", "$description": "Golden accent" },
-      "highlightSubtle": { "$type": "color", "$value": "{color.honey.100}" }
-    },
-    "accent": {
-      "$description": "Blue accent — modern counterbalance for CTAs",
-      "default": { "$type": "color", "$value": "{color.blue.500}", "$description": "Signature blue accent" },
-      "hover": { "$type": "color", "$value": "{color.blue.600}" },
-      "active": { "$type": "color", "$value": "{color.blue.700}" },
-      "subtle": { "$type": "color", "$value": "{color.blue.50}" },
-      "muted": { "$type": "color", "$value": "{color.blue.100}" },
-      "shadow": { "$type": "color", "$value": "{color.blue.200}", "$description": "Chunky shadow for accent" }
-    },
-    "feedback": {
-      "$description": "Feedback colors — warm-tinted",
-      "success": { "$type": "color", "$value": "{color.green.600}" },
-      "successSubtle": { "$type": "color", "$value": "{color.green.50}" },
-      "successMuted": { "$type": "color", "$value": "{color.green.100}" },
-      "error": { "$type": "color", "$value": "{color.red.600}" },
-      "errorHover": { "$type": "color", "$value": "{color.red.700}", "$description": "Error hover/active state" },
-      "errorSubtle": { "$type": "color", "$value": "{color.red.50}" },
-      "errorMuted": { "$type": "color", "$value": "{color.red.100}" },
-      "errorShadow": { "$type": "color", "$value": "{shadow.chunky.error}", "$description": "Error shadow color" },
-      "warning": { "$type": "color", "$value": "{color.honey.700}" },
-      "warningSubtle": { "$type": "color", "$value": "{color.honey.50}" },
-      "warningMuted": { "$type": "color", "$value": "{color.honey.100}" },
-      "info": { "$type": "color", "$value": "{color.blue.500}" },
-      "infoSubtle": { "$type": "color", "$value": "{color.blue.50}" },
-      "infoMuted": { "$type": "color", "$value": "{color.blue.100}" }
-    },
-    "surface": {
-      "$description": "Surface system — designed surfaces, not flat planes",
-      "base": { "$type": "color", "$value": "{color.warm.cream}", "$description": "Page background — warm off-white" },
-      "raised": { "$type": "color", "$value": "{color.warm.linen}", "$description": "Cards, panels — slight lift" },
-      "sunlit": { "$type": "color", "$value": "{color.warm.cream}", "$description": "Featured — use with gradient" },
-      "inset": { "$type": "color", "$value": "{color.warm.parchment}", "$description": "Inputs, wells — pressed in" },
-      "white": { "$type": "color", "$value": "{color.white}", "$description": "Pure white for focus/highlight states" },
-      "overlay": { "$type": "color", "$value": "rgba(61, 50, 41, 0.4)", "$description": "Modal backdrop — warm" },
-      "disabled": { "$type": "color", "$value": "{color.warm.sand}", "$description": "Quiet disabled" },
-      "hover": { "$type": "color", "$value": "#FFF4E6", "$description": "Warm hover tint" },
-      "activePressed": { "$type": "color", "$value": "#F0EBE3", "$description": "Active/pressed surface" }
-    },
-    "border": {
-      "$description": "Border colors — visible and intentional",
-      "default": { "$type": "color", "$value": "{color.warm.sand}", "$description": "Standard border" },
-      "subtle": { "$type": "color", "$value": "{color.warm.parchment}", "$description": "Subtle dividers" },
-      "emphasis": { "$type": "color", "$value": "{color.warm.driftwood}", "$description": "Strong border for form elements" },
-      "hover": { "$type": "color", "$value": "{color.terracotta.600}", "$description": "Hover border — darker for feedback" },
-      "focus": { "$type": "color", "$value": "{color.orange.900}", "$description": "Focus ring — warm orange" },
-      "focusInner": { "$type": "color", "$value": "{color.orange.900}", "$description": "Inner focus ring" },
-      "disabled": { "$type": "color", "$value": "{color.warm.parchment}" },
-      "brand": { "$type": "color", "$value": "rgba(197, 67, 0, 0.25)", "$description": "Brand-tinted border" }
-    },
-    "text": {
-      "$description": "Text colors — calm and readable, not stark",
-      "primary": { "$type": "color", "$value": "{color.warm.walnut}", "$description": "Primary text — warm brown" },
-      "secondary": { "$type": "color", "$value": "{color.warm.driftwood}", "$description": "Secondary text" },
-      "disabled": { "$type": "color", "$value": "{color.warm.dune}", "$description": "Disabled text" },
-      "inverse": { "$type": "color", "$value": "{color.warm.cream}", "$description": "On dark backgrounds" },
-      "link": { "$type": "color", "$value": "{color.orange.900}", "$description": "Link text" },
-      "linkHover": { "$type": "color", "$value": "{color.orange.950}", "$description": "Link hover" },
-      "brand": { "$type": "color", "$value": "{color.orange.900}" },
-      "onBrand": { "$type": "color", "$value": "{color.white}", "$description": "Light text on dark brand bg" },
-      "onAccent": { "$type": "color", "$value": "{color.white}", "$description": "Light text on dark accent bg" }
-    }
-  },
-  "typography": {
-    "$description": "Bricolage Grotesque — playful, crafted, warm",
-    "heading": {
-      "fontFamily": { "$type": "fontFamily", "$value": "{font.family.display}" },
-      "h1": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.4xl}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.bold}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.tight}" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.tighter}" }
-      },
-      "h2": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.3xl}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.semibold}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.tight}" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.tight}" }
-      },
-      "h3": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.2xl}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.semibold}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.snug}" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.tight}" }
-      },
-      "h4": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.xl}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.medium}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.snug}" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.normal}" }
-      },
-      "h5": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.lg}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.medium}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}" }
-      },
-      "h6": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.base}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.medium}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}" }
-      }
-    },
-    "body": {
-      "fontFamily": { "$type": "fontFamily", "$value": "{font.family.sans}" },
-      "lg": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.lg}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.normal}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.relaxed}" }
-      },
-      "base": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.base}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.normal}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}" }
-      },
-      "sm": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.sm}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.normal}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.wide}" }
-      },
-      "xs": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.xs}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.normal}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.wide}" }
-      }
-    },
-    "label": {
-      "fontFamily": { "$type": "fontFamily", "$value": "{font.family.sans}" },
-      "base": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.sm}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.medium}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}", "$description": "1.5 for WCAG 1.4.12" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.wide}" }
-      },
-      "sm": {
-        "fontSize": { "$type": "dimension", "$value": "{font.size.xs}" },
-        "fontWeight": { "$type": "fontWeight", "$value": "{font.weight.medium}" },
-        "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}", "$description": "1.5 for WCAG 1.4.12" },
-        "letterSpacing": { "$type": "dimension", "$value": "{font.letterSpacing.wide}" }
-      }
-    },
-    "code": {
-      "fontFamily": { "$type": "fontFamily", "$value": "{font.family.mono}" },
-      "fontSize": { "$type": "dimension", "$value": "{font.size.sm}" },
-      "lineHeight": { "$type": "number", "$value": "{font.lineHeight.normal}" }
-    }
-  },
-  "spacing": {
-    "layout": {
-      "$description": "Generous layout spacing",
-      "page": { "$type": "dimension", "$value": "{spacing.6}" },
-      "section": { "$type": "dimension", "$value": "{spacing.12}" },
-      "stack": { "$type": "dimension", "$value": "{spacing.5}" },
-      "inline": { "$type": "dimension", "$value": "{spacing.4}" }
-    },
-    "component": {
-      "$description": "Component-level spacing",
-      "xs": { "$type": "dimension", "$value": "{spacing.1-5}" },
-      "sm": { "$type": "dimension", "$value": "{spacing.2-5}" },
-      "md": { "$type": "dimension", "$value": "{spacing.3-5}" },
-      "lg": { "$type": "dimension", "$value": "{spacing.5}" },
-      "xl": { "$type": "dimension", "$value": "{spacing.7}" }
-    }
-  },
-  "shape": {
-    "$description": "Friendly soft corners",
-    "interactive": { "$type": "dimension", "$value": "{radius.sm}", "$description": "Buttons, inputs (6px)" },
-    "container": { "$type": "dimension", "$value": "{radius.md}", "$description": "Cards, panels (10px)" },
-    "large": { "$type": "dimension", "$value": "{radius.lg}", "$description": "Modals (14px)" },
-    "small": { "$type": "dimension", "$value": "{radius.xs}", "$description": "Chips, tags (4px)" },
-    "pill": { "$type": "dimension", "$value": "{radius.full}", "$description": "Badges, avatars" }
-  },
-  "elevation": {
-    "$description": "Warm shadows with visible depth",
-    "none": { "$type": "shadow", "$value": "{shadow.none}" },
-    "soft": { "$type": "shadow", "$value": "{shadow.soft}", "$description": "Cards, raised elements" },
-    "medium": { "$type": "shadow", "$value": "{shadow.medium}", "$description": "Dropdowns, popovers" },
-    "strong": { "$type": "shadow", "$value": "{shadow.strong}", "$description": "Modals, dialogs" },
-    "glow": { "$type": "shadow", "$value": "{shadow.glow}", "$description": "Focus ring" },
-    "inset": { "$type": "shadow", "$value": "{shadow.inset}", "$description": "Inputs, wells" }
-  },
-  "motion": {
-    "$description": "Relaxed, playful motion",
-    "quick": { "$type": "duration", "$value": "{motion.duration.quick}" },
-    "snappy": { "$type": "duration", "$value": "{motion.duration.snappy}" },
-    "gentle": { "$type": "duration", "$value": "{motion.duration.gentle}" },
-    "relaxed": { "$type": "duration", "$value": "{motion.duration.relaxed}" },
-    "slow": { "$type": "duration", "$value": "{motion.duration.slow}" },
-    "easeGentle": { "$type": "cubicBezier", "$value": "{motion.easing.gentle}" },
-    "easeOut": { "$type": "cubicBezier", "$value": "{motion.easing.out}" },
-    "easePlayful": { "$type": "cubicBezier", "$value": "{motion.easing.playful}" }
-  },
-  "shadow": {
-    "$description": "Chunky offset shadows for playful tactile feel",
-    "primary": { "$type": "color", "$value": "{shadow.chunky.primary}", "$description": "Primary buttons" },
-    "secondary": { "$type": "color", "$value": "{shadow.chunky.secondary}", "$description": "Secondary/form elements" },
-    "accent": { "$type": "color", "$value": "{shadow.chunky.accent}", "$description": "Accent buttons" },
-    "error": { "$type": "color", "$value": "{shadow.chunky.error}", "$description": "Error state" }
-  },
-  "focus": {
-    "$description": "Warm, friendly focus ring",
-    "ringWidth": { "$type": "dimension", "$value": "3px" },
-    "ringColor": { "$type": "color", "$value": "rgba(197, 67, 0, 0.35)" },
-    "glowColor": { "$type": "color", "$value": "rgba(197, 67, 0, 0.15)" }
-  }
-}

package/tokens/themes/dark.tokens.json

@@ -1,73 +0,0 @@
-{
-  "$description": "Dark Theme — warm walnut base, cozy evening Orange Halo",
-  "color": {
-    "brand": {
-      "$description": "Lighter orange for dark backgrounds",
-      "primary": { "$type": "color", "$value": "#E8A838", "$description": "Honey gold (5.2:1 on walnut)" },
-      "primaryHover": { "$type": "color", "$value": "#F0B848" },
-      "primaryActive": { "$type": "color", "$value": "#D4922C" },
-      "primarySubtle": { "$type": "color", "$value": "#3D3229" },
-      "primaryMuted": { "$type": "color", "$value": "#4A3D32" },
-      "highlight": { "$type": "color", "$value": "#F0C860" },
-      "highlightSubtle": { "$type": "color", "$value": "#3D3829" }
-    },
-    "accent": {
-      "$description": "Lighter eucalyptus for dark backgrounds",
-      "default": { "$type": "color", "$value": "#7AA3A4", "$description": "Light teal (4.8:1)" },
-      "hover": { "$type": "color", "$value": "#8FB4B5" },
-      "subtle": { "$type": "color", "$value": "#2A3636" },
-      "muted": { "$type": "color", "$value": "#344242" }
-    },
-    "feedback": {
-      "success": { "$type": "color", "$value": "#7AB87C", "$description": "Light green (5.0:1)" },
-      "successSubtle": { "$type": "color", "$value": "#2A3629" },
-      "error": { "$type": "color", "$value": "#E08F8D", "$description": "Light red (5.0:1 on base, 5.0:1 on raised)" },
-      "errorSubtle": { "$type": "color", "$value": "#3D2A29" },
-      "warning": { "$type": "color", "$value": "#E8B050", "$description": "Light amber (5.4:1)" },
-      "warningSubtle": { "$type": "color", "$value": "#3D3529" },
-      "info": { "$type": "color", "$value": "#7AA3A4" },
-      "infoSubtle": { "$type": "color", "$value": "#2A3636" }
-    },
-    "surface": {
-      "$description": "Warm dark surfaces",
-      "base": { "$type": "color", "$value": "#2A2420", "$description": "Deep walnut" },
-      "raised": { "$type": "color", "$value": "#3D3229", "$description": "Warm dark card" },
-      "sunlit": { "$type": "color", "$value": "#44382C", "$description": "Slightly warmer than raised — use with gradient overlay" },
-      "inset": { "$type": "color", "$value": "#1F1A17", "$description": "Darker inset" },
-      "white": { "$type": "color", "$value": "#F5F0E8", "$description": "Flips to warm white in dark" },
-      "overlay": { "$type": "color", "$value": "rgba(15, 12, 10, 0.7)" },
-      "hover": { "$type": "color", "$value": "#4A3F33", "$description": "Distinct hover — lighter than raised" },
-      "activePressed": { "$type": "color", "$value": "#352E28" },
-      "disabled": { "$type": "color", "$value": "#352E28" }
-    },
-    "border": {
-      "default": { "$type": "color", "$value": "#8A7A68", "$description": "3.7:1 on base, 3.0:1 on raised — passes WCAG 1.4.11" },
-      "subtle": { "$type": "color", "$value": "#6B5D4D", "$description": "Decorative dividers only — below 3:1, not for UI component boundaries" },
-      "emphasis": { "$type": "color", "$value": "#A09080", "$description": "4.9:1 on base, 4.0:1 on raised — inputs, secondary buttons" },
-      "focus": { "$type": "color", "$value": "#E8A838" },
-      "brand": { "$type": "color", "$value": "rgba(232, 168, 56, 0.3)" }
-    },
-    "text": {
-      "$description": "Warm light text on dark",
-      "primary": { "$type": "color", "$value": "#F5F0E8", "$description": "Warm white (12.4:1)" },
-      "secondary": { "$type": "color", "$value": "#C9C1B4", "$description": "Dune (6.8:1)" },
-      "disabled": { "$type": "color", "$value": "#6B5D4D" },
-      "inverse": { "$type": "color", "$value": "#2A2420" },
-      "link": { "$type": "color", "$value": "#E8A838" },
-      "linkHover": { "$type": "color", "$value": "#F0B848" },
-      "onBrand": { "$type": "color", "$value": "#2A2420", "$description": "Dark text on light brand bg (7.5:1)" },
-      "onAccent": { "$type": "color", "$value": "#2A2420", "$description": "Dark text on light accent bg (5.8:1)" }
-    }
-  },
-  "focus": {
-    "ringColor": { "$type": "color", "$value": "rgba(232, 168, 56, 0.4)" },
-    "glowColor": { "$type": "color", "$value": "rgba(232, 168, 56, 0.2)" }
-  },
-  "shadow": {
-    "$description": "Dark mode shadows - lighter for visibility",
-    "inset": { "$type": "shadow", "$value": "inset 0 1px 3px rgba(0, 0, 0, 0.3)" },
-    "soft": { "$type": "shadow", "$value": "0 2px 8px rgba(0, 0, 0, 0.25)" },
-    "medium": { "$type": "shadow", "$value": "0 4px 16px rgba(0, 0, 0, 0.3)" },
-    "chunkyInset": { "$type": "shadow", "$value": "inset 3px 3px 0 0 rgba(0, 0, 0, 0.2)", "$description": "Chunky input shadow" }
-  }
-}

package/tokens/themes/light.tokens.json

@@ -1,57 +0,0 @@
-{
-  "$description": "Light Theme — warm cream base, the default Orange Halo experience",
-  "color": {
-    "brand": {
-      "primary": { "$type": "color", "$value": "{color.orange.900}" },
-      "primaryHover": { "$type": "color", "$value": "{color.orange.950}" },
-      "primaryActive": { "$type": "color", "$value": "{color.orange.950}" },
-      "primarySubtle": { "$type": "color", "$value": "{color.orange.50}" },
-      "primaryMuted": { "$type": "color", "$value": "{color.orange.100}" },
-      "highlight": { "$type": "color", "$value": "{color.honey.400}" },
-      "highlightSubtle": { "$type": "color", "$value": "{color.honey.100}" }
-    },
-    "accent": {
-      "default": { "$type": "color", "$value": "{color.eucalyptus.500}" },
-      "hover": { "$type": "color", "$value": "{color.eucalyptus.600}" },
-      "subtle": { "$type": "color", "$value": "{color.eucalyptus.50}" },
-      "muted": { "$type": "color", "$value": "{color.eucalyptus.100}" }
-    },
-    "feedback": {
-      "success": { "$type": "color", "$value": "{color.green.600}" },
-      "successSubtle": { "$type": "color", "$value": "{color.green.50}" },
-      "error": { "$type": "color", "$value": "{color.red.600}" },
-      "errorSubtle": { "$type": "color", "$value": "{color.red.50}" },
-      "warning": { "$type": "color", "$value": "{color.honey.700}" },
-      "warningSubtle": { "$type": "color", "$value": "{color.honey.50}" },
-      "info": { "$type": "color", "$value": "{color.eucalyptus.600}" },
-      "infoSubtle": { "$type": "color", "$value": "{color.eucalyptus.50}" }
-    },
-    "surface": {
-      "base": { "$type": "color", "$value": "{color.warm.cream}" },
-      "raised": { "$type": "color", "$value": "{color.warm.linen}" },
-      "sunlit": { "$type": "color", "$value": "{color.warm.cream}" },
-      "inset": { "$type": "color", "$value": "{color.warm.parchment}" },
-      "overlay": { "$type": "color", "$value": "rgba(61, 50, 41, 0.4)" },
-      "disabled": { "$type": "color", "$value": "{color.warm.sand}" }
-    },
-    "border": {
-      "default": { "$type": "color", "$value": "{color.warm.sand}" },
-      "subtle": { "$type": "color", "$value": "{color.warm.parchment}" },
-      "emphasis": { "$type": "color", "$value": "{color.warm.dune}" },
-      "focus": { "$type": "color", "$value": "{color.orange.900}" },
-      "brand": { "$type": "color", "$value": "rgba(197, 67, 0, 0.25)" }
-    },
-    "text": {
-      "primary": { "$type": "color", "$value": "{color.warm.walnut}" },
-      "secondary": { "$type": "color", "$value": "{color.warm.driftwood}" },
-      "disabled": { "$type": "color", "$value": "{color.warm.dune}" },
-      "inverse": { "$type": "color", "$value": "{color.warm.cream}" },
-      "link": { "$type": "color", "$value": "{color.orange.900}" },
-      "linkHover": { "$type": "color", "$value": "{color.orange.950}" }
-    }
-  },
-  "focus": {
-    "ringColor": { "$type": "color", "$value": "rgba(197, 67, 0, 0.35)" },
-    "glowColor": { "$type": "color", "$value": "rgba(197, 67, 0, 0.15)" }
-  }
-}