{ "meta": { "name": "Caddy", "brand": "Chipin", "version": "1.0.0", "description": "Resolved token values for tooling. All values are fully resolved — no var() references." }, "color": { "primitive": { "fairway": { "--color-fairway-base": { "value": "#065C3E", "type": "color" }, "--color-fairway-darker": { "value": "#022C1F", "type": "color" }, "--color-fairway-darkest": { "value": "#181B1A", "type": "color" }, "--color-fairway-base-08": { "value": "rgba(6, 92, 62, 0.08)", "type": "color" }, "--color-fairway-base-12": { "value": "rgba(6, 92, 62, 0.12)", "type": "color" }, "--color-fairway-darkest-08": { "value": "rgba(24, 27, 26, 0.08)", "type": "color" }, "--color-fairway-darkest-12": { "value": "rgba(24, 27, 26, 0.12)", "type": "color" } }, "putting": { "--color-putting-base": { "value": "#84EDB2", "type": "color" }, "--color-putting-lighter": { "value": "#BCF6D5", "type": "color" }, "--color-putting-lightest": { "value": "#F0FDF5", "type": "color" }, "--color-putting-24": { "value": "rgba(132, 237, 178, 0.24)", "type": "color" }, "--color-putting-32": { "value": "rgba(132, 237, 178, 0.32)", "type": "color" } }, "secondary": { "--color-pond": { "value": "#5ECFDC", "type": "color" }, "--color-ocean": { "value": "#042C32", "type": "color" }, "--color-clubhouse": { "value": "#3B2504", "type": "color" }, "--color-beer": { "value": "#F0C97A", "type": "color" }, "--color-lambrusco": { "value": "#3D0A14", "type": "color" }, "--color-rose": { "value": "#F2B5C0", "type": "color" }, "--color-flag": { "value": "#ED4A1D", "type": "color" }, "--color-merlot": { "value": "#3D1408", "type": "color" } }, "neutral": { "--color-dark-1": { "value": "#080300", "type": "color" }, "--color-dark-2": { "value": "#271F19", "type": "color" }, "--color-dark-3": { "value": "#3A342E", "type": "color" }, "--color-dark-tint": { "value": "rgba(8, 3, 0, 0.12)", "type": "color" }, "--color-white": { "value": "#FFFFFF", "type": "color" }, "--color-sand-1": { "value": "#F7F7F6", "type": "color" }, "--color-sand-2": { "value": "#E8E6E3", "type": "color" }, "--color-sand-3": { "value": "#A6A09B", "type": "color" } }, "sentiment": { "--color-negative": { "value": "#E7000B", "type": "color" }, "--color-negative-light": { "value": "#FFDDDF", "type": "color" }, "--color-negative-dark": { "value": "#900C12", "type": "color" }, "--color-negative-overlay": { "value": "rgba(231, 0, 11, 0.12)", "type": "color" }, "--color-positive": { "value": "#009966", "type": "color" }, "--color-positive-light": { "value": "#D0FBE4", "type": "color" }, "--color-positive-dark": { "value": "#036245", "type": "color" }, "--color-positive-overlay": { "value": "rgba(0, 153, 102, 0.12)", "type": "color" }, "--color-warning": { "value": "#FFB900", "type": "color" }, "--color-warning-light": { "value": "#FFF9C5", "type": "color" }, "--color-warning-dark": { "value": "#984D08", "type": "color" }, "--color-warning-overlay": { "value": "rgba(255, 185, 0, 0.12)", "type": "color" } } }, "semantic": { "border": { "--border-neutral": { "value": "rgba(8, 3, 0, 0.12)", "type": "color", "primitive": "--color-dark-tint" }, "--border-overlay": { "value": "rgba(6, 92, 62, 0.12)", "type": "color", "primitive": "--color-fairway-base-12" }, "--border-error": { "value": "#E7000B", "type": "color", "primitive": "--color-negative" }, "--border-focus-ring": { "value": "#022C1F", "type": "color", "primitive": "--color-fairway-darker" } }, "background": { "--bg-screen-white": { "value": "#FFFFFF", "type": "color", "primitive": "--color-white" }, "--bg-screen": { "value": "#F7F7F6", "type": "color", "primitive": "--color-sand-1" }, "--bg-surface-primary": { "value": "#FFFFFF", "type": "color", "primitive": "--color-white" }, "--bg-surface-secondary": { "value": "#F7F7F6", "type": "color", "primitive": "--color-sand-1" }, "--bg-surface-tertiary": { "value": "#E8E6E3", "type": "color", "primitive": "--color-sand-2" }, "--bg-surface-overlay": { "value": "rgba(6, 92, 62, 0.08)", "type": "color", "primitive": "--color-fairway-base-08" } }, "content": { "--content-primary": { "value": "#080300", "type": "color", "primitive": "--color-dark-1" }, "--content-secondary": { "value": "#271F19", "type": "color", "primitive": "--color-dark-2" }, "--content-tertiary": { "value": "#3A342E", "type": "color", "primitive": "--color-dark-3" }, "--content-link": { "value": "#065C3E", "type": "color", "primitive": "--color-fairway-base" }, "--content-negative": { "value": "#900C12", "type": "color", "primitive": "--color-negative-dark" }, "--content-success": { "value": "#036245", "type": "color", "primitive": "--color-positive-dark" }, "--content-warning": { "value": "#984D08", "type": "color", "primitive": "--color-warning-dark" }, "--content-on-primary": { "value": "#181B1A", "type": "color", "primitive": "--color-fairway-darkest" }, "--content-on-secondary": { "value": "#022C1F", "type": "color", "primitive": "--color-fairway-darker" }, "--content-on-elevated": { "value": "#FFFFFF", "type": "color", "primitive": "--color-white" }, "--content-nav": { "value": "#022C1F", "type": "color", "primitive": "--color-fairway-darker" }, "--content-nav-hover": { "value": "#181B1A", "type": "color", "primitive": "--color-fairway-darkest" }, "--content-muted": { "value": "rgba(58, 52, 46, 0.40)", "type": "color", "primitive": "hardcoded" }, "--content-on-negative": { "value": "#900C12", "type": "color", "primitive": "--color-negative-dark" } }, "interactive": { "--interactive-primary": { "value": "#84EDB2", "type": "color", "primitive": "--color-putting-base" }, "--interactive-primary-hover": { "value": "#BCF6D5", "type": "color", "primitive": "--color-putting-lighter" }, "--interactive-secondary": { "value": "rgba(132, 237, 178, 0.24)", "type": "color", "primitive": "--color-putting-24" }, "--interactive-secondary-hover": { "value": "rgba(132, 237, 178, 0.32)", "type": "color", "primitive": "--color-putting-32" }, "--interactive-primary-neutral": { "value": "#271F19", "type": "color", "primitive": "--color-dark-2" }, "--interactive-secondary-neutral": { "value": "rgba(24, 27, 26, 0.08)", "type": "color", "primitive": "--color-fairway-darkest-08" }, "--interactive-secondary-neutral-hover": { "value": "rgba(24, 27, 26, 0.12)", "type": "color", "primitive": "--color-fairway-darkest-12" }, "--interactive-control": { "value": "#065C3E", "type": "color", "primitive": "--color-fairway-base" }, "--interactive-contrast": { "value": "#84EDB2", "type": "color", "primitive": "--color-putting-base" }, "--interactive-ghost-hover": { "value": "rgba(6, 92, 62, 0.08)", "type": "color", "primitive": "--color-fairway-base-08" }, "--interactive-ghost-active": { "value": "rgba(6, 92, 62, 0.12)", "type": "color", "primitive": "--color-fairway-base-12" }, "--interactive-elevated": { "value": "#FFFFFF", "type": "color", "primitive": "--color-white" }, "--interactive-bg-warning": { "value": "#FFF9C5", "type": "color", "primitive": "--color-warning-light" }, "--interactive-bg-warning-overlay": { "value": "rgba(255, 185, 0, 0.12)", "type": "color", "primitive": "--color-warning-overlay" }, "--interactive-bg-negative": { "value": "#FFDDDF", "type": "color", "primitive": "--color-negative-light" }, "--interactive-bg-negative-overlay": { "value": "rgba(231, 0, 11, 0.12)", "type": "color", "primitive": "--color-negative-overlay" }, "--interactive-bg-positive": { "value": "#D0FBE4", "type": "color", "primitive": "--color-positive-light" }, "--interactive-bg-positive-overlay": { "value": "rgba(0, 153, 102, 0.12)", "type": "color", "primitive": "--color-positive-overlay" } }, "icon": { "--icon-neutral": { "value": "#080300", "type": "color", "primitive": "--color-dark-1" }, "--icon-negative": { "value": "#E7000B", "type": "color", "primitive": "--color-negative" }, "--icon-positive": { "value": "#009966", "type": "color", "primitive": "--color-positive" }, "--icon-warning": { "value": "#FFB900", "type": "color", "primitive": "--color-warning" } } } }, "spacing": { "primitive": { "--size-0": { "value": "0px", "type": "dimension" }, "--size-2": { "value": "2px", "type": "dimension" }, "--size-4": { "value": "4px", "type": "dimension" }, "--size-6": { "value": "6px", "type": "dimension" }, "--size-8": { "value": "8px", "type": "dimension" }, "--size-10": { "value": "10px", "type": "dimension" }, "--size-12": { "value": "12px", "type": "dimension" }, "--size-14": { "value": "14px", "type": "dimension" }, "--size-16": { "value": "16px", "type": "dimension" }, "--size-18": { "value": "18px", "type": "dimension" }, "--size-20": { "value": "20px", "type": "dimension" }, "--size-24": { "value": "24px", "type": "dimension" }, "--size-28": { "value": "28px", "type": "dimension" }, "--size-32": { "value": "32px", "type": "dimension" }, "--size-36": { "value": "36px", "type": "dimension" }, "--size-40": { "value": "40px", "type": "dimension" }, "--size-44": { "value": "44px", "type": "dimension" }, "--size-48": { "value": "48px", "type": "dimension" }, "--size-56": { "value": "56px", "type": "dimension" }, "--size-64": { "value": "64px", "type": "dimension" }, "--size-72": { "value": "72px", "type": "dimension" }, "--size-80": { "value": "80px", "type": "dimension" }, "--size-96": { "value": "96px", "type": "dimension" }, "--size-112": { "value": "112px", "type": "dimension" }, "--size-128": { "value": "128px", "type": "dimension" }, "--size-144": { "value": "144px", "type": "dimension" }, "--size-160": { "value": "160px", "type": "dimension" }, "--size-176": { "value": "176px", "type": "dimension" }, "--size-192": { "value": "192px", "type": "dimension" }, "--size-208": { "value": "208px", "type": "dimension" }, "--size-224": { "value": "224px", "type": "dimension" }, "--size-240": { "value": "240px", "type": "dimension", "note": "Figma token named '250', value is 240" }, "--size-256": { "value": "256px", "type": "dimension" }, "--size-288": { "value": "288px", "type": "dimension" }, "--size-320": { "value": "320px", "type": "dimension" }, "--size-384": { "value": "384px", "type": "dimension" } }, "semantic": { "--spacing-between-text": { "value": "8px", "type": "dimension", "primitive": "--size-8" }, "--spacing-between-actions": { "value": "8px", "type": "dimension", "primitive": "--size-8" }, "--spacing-graphic-bottom": { "value": "8px", "type": "dimension", "primitive": "--size-8" }, "--spacing-between-chips": { "value": "8px", "type": "dimension", "primitive": "--size-8" }, "--spacing-display-text-bottom": { "value": "16px", "type": "dimension", "primitive": "--size-16" }, "--spacing-text-to-component": { "value": "16px", "type": "dimension", "primitive": "--size-16" }, "--spacing-component-default-v": { "value": "16px", "type": "dimension", "primitive": "--size-16" }, "--spacing-component-default-h": { "value": "16px", "type": "dimension", "primitive": "--size-16" }, "--spacing-content-to-button": { "value": "24px", "type": "dimension", "primitive": "--size-24" }, "--spacing-screen-mobile": { "value": "24px", "type": "dimension", "primitive": "--size-24" }, "--spacing-between-sections": { "value": "32px", "type": "dimension", "primitive": "--size-32" }, "--spacing-between-options": { "value": "0px", "type": "dimension", "primitive": "--size-0" }, "--spacing-between-small": { "value": "4px", "type": "dimension", "primitive": "--size-4" }, "--spacing-between-cards": { "value": "12px", "type": "dimension", "primitive": "--size-12" }, "--padding-2xs": { "value": "4px", "type": "dimension", "primitive": "--size-4" }, "--padding-xs": { "value": "8px", "type": "dimension", "primitive": "--size-8" }, "--padding-sm": { "value": "16px", "type": "dimension", "primitive": "--size-16" }, "--padding-md": { "value": "24px", "type": "dimension", "primitive": "--size-24" }, "--padding-lg": { "value": "32px", "type": "dimension", "primitive": "--size-32" } } }, "radii": { "primitive": { "--radius-none": { "value": "0px", "type": "dimension" }, "--radius-xs": { "value": "12px", "type": "dimension" }, "--radius-sm": { "value": "16px", "type": "dimension" }, "--radius-md": { "value": "20px", "type": "dimension" }, "--radius-lg": { "value": "30px", "type": "dimension" }, "--radius-xl": { "value": "40px", "type": "dimension" }, "--radius-2xl": { "value": "60px", "type": "dimension" }, "--radius-full": { "value": "9999px", "type": "dimension" } } }, "shadow": { "--shadow-default": { "value": "0px 7px 29px 0px rgba(58, 52, 46, 0.05)", "type": "shadow" }, "--shadow-impact": { "value": "0px 7px 29px 0px rgba(58, 52, 46, 0.10)", "type": "shadow" } }, "typography": { "families": { "--font-family-switzer": { "value": "'Switzer', system-ui, sans-serif" }, "--font-family-special-gothic": { "value": "'Special Gothic Expanded One', system-ui, sans-serif" } }, "product": { "screenTitle": { "size": "36px", "lineHeight": "44px", "letterSpacing": "-0.025em", "weight": 600, "family": "Switzer" }, "sectionTitle": { "size": "26px", "lineHeight": "32px", "letterSpacing": "-0.015em", "weight": 600, "family": "Switzer" }, "subsection": { "size": "22px", "lineHeight": "28px", "letterSpacing": "-0.015em", "weight": 600, "family": "Switzer" }, "bodyTitle": { "size": "18px", "lineHeight": "24px", "letterSpacing": "-0.01em", "weight": 600, "family": "Switzer" }, "bodyDefault": { "size": "16px", "lineHeight": "24px", "letterSpacing": "0.0005em", "weight": 400, "family": "Switzer" }, "bodyBold": { "size": "16px", "lineHeight": "24px", "letterSpacing": "0.0005em", "weight": 600, "family": "Switzer" }, "linkDefault": { "size": "16px", "lineHeight": "24px", "letterSpacing": "0.0005em", "weight": 600, "family": "Switzer" }, "bodySmall": { "size": "14px", "lineHeight": "22px", "letterSpacing": "0.01em", "weight": 400, "family": "Switzer" }, "bodySmallBold": { "size": "14px", "lineHeight": "22px", "letterSpacing": "0.01em", "weight": 600, "family": "Switzer" }, "linkSmall": { "size": "14px", "lineHeight": "22px", "letterSpacing": "0.01em", "weight": 600, "family": "Switzer" }, "groupTitle": { "size": "14px", "lineHeight": "20px", "letterSpacing": "0.015em", "weight": 500, "family": "Switzer", "transform": "uppercase" } }, "editorial": { "h1": { "size": "78px", "lineHeight": "82px", "letterSpacing": "-0.03em", "weight": 600, "family": "Switzer" }, "h2": { "size": "54px", "lineHeight": "56px", "letterSpacing": "-0.03em", "weight": 600, "family": "Switzer" }, "h3": { "size": "44px", "lineHeight": "40px", "letterSpacing": "-0.03em", "weight": 600, "family": "Switzer" }, "h4": { "size": "30px", "lineHeight": "34px", "letterSpacing": "-0.025em", "weight": 600, "family": "Switzer" }, "body1": { "size": "20px", "lineHeight": "28px", "letterSpacing": "-0.005em", "weight": 400, "family": "Switzer" }, "body1Bold": { "size": "20px", "lineHeight": "28px", "letterSpacing": "-0.005em", "weight": 600, "family": "Switzer" }, "body2": { "size": "18px", "lineHeight": "26px", "letterSpacing": "0.0125em", "weight": 400, "family": "Switzer" }, "body2Bold": { "size": "18px", "lineHeight": "26px", "letterSpacing": "0.0125em", "weight": 600, "family": "Switzer" }, "body3": { "size": "16px", "lineHeight": "24px", "letterSpacing": "0.0125em", "weight": 400, "family": "Switzer" }, "body3Bold": { "size": "16px", "lineHeight": "24px", "letterSpacing": "0.0125em", "weight": 600, "family": "Switzer" }, "display1": { "size": "128px", "lineHeight": "0.85", "letterSpacing": "0", "weight": 700, "family": "Special Gothic Expanded One" }, "display2": { "size": "96px", "lineHeight": "0.85", "letterSpacing": "0", "weight": 700, "family": "Special Gothic Expanded One" }, "display3": { "size": "64px", "lineHeight": "0.85", "letterSpacing": "0", "weight": 700, "family": "Special Gothic Expanded One" }, "display4": { "size": "40px", "lineHeight": "0.85", "letterSpacing": "0", "weight": 700, "family": "Special Gothic Expanded One" } } } }