{
  "meta": {
    "source": "https://starbucks.com",
    "domain": "starbucks.com",
    "extractedAt": "2026-06-11T02:38:38.576Z",
    "tokenizedAt": "2026-06-11T05:02:30.089Z"
  },
  "colors": {
    "background": {
      "primary": "rgb(255, 255, 255)",
      "secondary": "rgb(249, 249, 249)",
      "tertiary": "rgb(249, 249, 249)"
    },
    "text": {
      "primary": "rgba(0, 0, 0, 0.87)",
      "secondary": "rgba(0, 0, 0, 0.65)",
      "muted": "rgba(0, 0, 0, 0.87)"
    },
    "accent": {
      "primary": "rgb(0, 117, 74)",
      "secondary": "rgb(0, 130, 72)"
    },
    "border": "rgba(0, 0, 0, 0.12)",
    "shadow": "rgba(0,0,0,0.1)"
  },
  "typography": {
    "fontFamily": {
      "primary": "SoDoSans",
      "secondary": "Helvetica Neue",
      "mono": "monospace"
    },
    "fontSize": {
      "xs": "10px",
      "sm": "14px",
      "base": "16px",
      "lg": "24px",
      "xl": "26px",
      "2xl": "30px",
      "3xl": "36px",
      "4xl": "48px"
    },
    "fontWeight": {
      "normal": "300",
      "medium": "600",
      "semibold": "600",
      "bold": "700"
    },
    "lineHeight": {
      "tight": "1.5",
      "normal": "1.5",
      "relaxed": "1.5"
    },
    "letterSpacing": {
      "tight": "-0.007em",
      "normal": "-0.010em",
      "wide": "-0.007em"
    }
  },
  "spacing": {
    "xxs": "2px",
    "xs": "6px",
    "sm": "13px",
    "md": "26px",
    "base": "38px",
    "lg": "51px",
    "xl": "64px",
    "2xl": "77px",
    "3xl": "90px"
  },
  "borderRadius": {
    "none": "0px",
    "xs": "8px",
    "sm": "50px",
    "md": "58px",
    "lg": "66px",
    "xl": "74px",
    "full": "9999px"
  },
  "shadows": {
    "shadow-1": "rgba(0, 0, 0, 0.1) 0px 11px 15px 0px, rgba(0, 0, 0, 0.06) 0px 9px 46px 8px, rgba(0, 0, 0, 0.07) 0px 24px 38px 3px",
    "shadow-2": "rgba(0, 0, 0, 0.24) 0px 2px 4px 0px",
    "shadow-3": "rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07) 0px 0px 2px 0px",
    "shadow-4": "rgba(0, 0, 0, 0.1) 0px 4px 3px -3px inset, rgba(0, 0, 0, 0.07) 0px 4px 2px -2px inset",
    "shadow-5": "rgba(0, 0, 0, 0.2) 0px 4px 5px -3px inset"
  },
  "transitions": {
    "transition-1": "all",
    "transition-2": "transform 0.2s ease-out, opacity 0s linear 0.2s",
    "transition-3": "0.2s",
    "transition-4": "0.3s",
    "transition-5": "0.2s ease-out"
  },
  "layout": {
    "maxWidth": "1200px",
    "headerHeight": "99px",
    "sidebarWidth": "0px",
    "gap": "normal",
    "containerPadding": "0px"
  },
  "cssCustomProperties": {
    "--buttonPadding": "7px 16px",
    "--colorBlack40": "rgba(0,0,0,.4)",
    "--rewardsGreen": "#33433d",
    "--colorBlack90": "rgba(0,0,0,.9)",
    "--frapPadding": "9rem",
    "--subnavHeight": "48px",
    "--outerGutterMedium": "2.4rem",
    "--colorHouseGreen": "#1E3932",
    "--caretBoxShadowSecondary": "0 3px 1px rgba(0,0,0,0.06)",
    "--space-9": "6.4rem",
    "--transitionTime": "0.4s",
    "--space-4": "2.4rem",
    "--buttonActiveScale": "scale(0.95)",
    "--translatePosition": "20px",
    "--frapShadowSecondaryPosition": "0 8px 12px",
    "--space-7": "4.8rem",
    "--space-8": "5.6rem",
    "--iconTransition": "all ease-out 0.2s",
    "--colorCeramicHsl": "30 10% 92%",
    "--verticalDistance": "330%",
    "--textSize8": "2.8rem",
    "--caretSpace": "27px",
    "--colorTextWhite": "rgba(255,255,255,1)",
    "--frapMiniBgColor": "#ffffff",
    "--colorWhite90": "rgba(255,255,255,.9)",
    "--letterSpacingNormal": "-0.01em",
    "--colorRed": "#c82014",
    "--textSize5": "2.0rem",
    "--colorGreenStarbucks": "#006241",
    "--careersCupNameColor": "#282828",
    "--colorYellowHsl": "45 97% 50%",
    "--lineHeightNormal": "1.5",
    "--colorNeutralCool": "#f9f9f9",
    "--boxShadowSecondary": "0 0 2px rgba(0,0,0,0.24)",
    "--space-5": "3.2rem",
    "--frapBgColor": "#00754A",
    "--letterSpacingLooser": "0.15em",
    "--buttonHeight": "3.2rem",
    "--combinedModalPadding": "calc(2.4rem + 8.8rem)",
    "--videoRatio": "calc(560 / 315)",
    "--colorWhite30": "rgba(255,255,255,.3)",
    "--validFieldTintBackground": "hsl(160 32% 87%/33%)",
    "--globalNavHeightXs": "64px",
    "--frapShadowSecondary": "0 8px 12px rgba(0,0,0,0.14)",
    "--globalNavHeightTablet": "83px",
    "--buttonBorderRadius": "50px",
    "--iconListGridGutterWidth": "calc(1em * calc(10 / 13))",
    "--floatLabelFontSizeDesktop": "1.9rem",
    "--colorWhite": "#ffffff",
    "--sliderColor": "#006241",
    "--columnWidthMedium": "500px",
    "--floatLabelFontSizeMobile": "1.6rem",
    "--fieldPadding": "12px",
    "--cardBoxShadow": "0px 0px .5px 0px rgba(0,0,0,0.14),0px 1px 1px 0px rgba(0,0,0,0.24)",
    "--space-3": "1.6rem",
    "--buttonBorderWidth": "1px",
    "--colorTextBlackSoft": "rgba(0,0,0,.58)",
    "--careersCupFont": "\"Kalam\",Comic Sans MS,cursive",
    "--borderBoxShadowSecondary": "0 2px 2px rgba(0,0,0,0.06)",
    "--heroCtaGridGutterWidth": "8px",
    "--selectFontSize": "1.6rem",
    "--selectIconWidth": "24px",
    "--floatLabelTop": "50%",
    "--frapHeight": "5.6rem",
    "--boxShadowPrimary": "0 8px 4px rgba(0,0,0,0.12)",
    "--columnWidthLarge": "720px",
    "--colorBlack": "#000000",
    "--columnWidthXLarge": "1440px",
    "--textSize9": "3.6rem",
    "--defaultAnimationEasing": "cubic-bezier(0.25,0.1,0.25,1)",
    "--colorNeutralWarmHsl": "43 21% 94%",
    "--modalTopPadding": "8.8rem",
    "--borderBoxShadowPrimary": "0 1px 3px rgba(0,0,0,0.1)",
    "--colorNeutralWarm": "#f2f0eb",
    "--colorGreenStarbucksHsl": "160 100% 19%",
    "--space-1": ".4rem",
    "--caretBorderSpaceCenter": "166px",
    "--colorBlack6": "rgba(0,0,0,.06)",
    "--colorBlack20": "rgba(0,0,0,.2)",
    "--selectFloatLabelPadding": "15px",
    "--logoOffsetMd": "99px",
    "--cardBorderRadius": "12px",
    "--buttonLineHeight": "1.2",
    "--colorWhite70": "rgba(255,255,255,.7)",
    "--buttonTransition": "all 0.2s ease",
    "--expanderTimingCurve": "cubic-bezier(0.25,0.46,0.45,0.94)",
    "--invalidFieldTintBackground": "hsl(4 82% 43%/5%)",
    "--caretBoxShadowPrimary": "0 5px 3px rgba(0,0,0,0.1)",
    "--colorWhite20": "rgba(255,255,255,.2)",
    "--colorGoldLightestHsl": "40 55% 96%",
    "--typefaceLoading": "Helvetica Neue,Helvetica,Arial,sans-serif",
    "--globalNavHeightDesktop": "99px",
    "--logoOffsetLg": "131px",
    "--colorBlack70": "rgba(0,0,0,.7)",
    "--globalNavHeightMobile": "72px",
    "--typefaceSerif": "StarbucksSerifCA,Georgia,serif",
    "--buttonSpacing": ".8rem",
    "--optionIconPadding": "3px",
    "--headerCrateOuterGutterLarge": "4.0rem",
    "--cardBackgroundColor": "#ffffff",
    "--colorBlack80": "rgba(0,0,0,.8)",
    "--colorWhite80": "rgba(255,255,255,.8)",
    "--caretBorderSpace": "24px",
    "--lineHeightCompact": "1.2",
    "--bodyCopyGridGutterWidth": "calc(1em * calc(12 / 13))",
    "--svcRoundedCorners": "3.3333%/5.298%",
    "--defaultAnimationExitDuration": "200ms",
    "--imageFadeTransition": "opacity 0.3s ease-in",
    "--contentCrateProportion": "60vw",
    "--colorTextWhiteSoft": "rgba(255,255,255,.70)",
    "--colorBlackHsl": "0 0% 0%",
    "--textSize2": "1.4rem",
    "--indicatorWidth": "50%",
    "--textSize10": "5.0rem",
    "--featuredCopyButtonSpacing": "1.2rem",
    "--colorTextBlack": "rgba(0,0,0,.87)",
    "--caretSpaceCenter": "169px",
    "--letterSpacingLoose": "0.1em",
    "--colorGoldLightest": "#faf6ee",
    "--colorGoldLight": "#dfc49d",
    "--inactiveToggleColor": "rgba(0,0,0,.58)",
    "--floatLabelActiveFontSizeDesktop": "1.4rem",
    "--colorGreenLightHsl": "160 32% 87%",
    "--textSize3": "1.6rem",
    "--iconSize": "80px",
    "--selectHorizontalPadding": "1.6rem",
    "--textSize1": "1.3rem",
    "--colorGoldLightHsl": "35 51% 75%",
    "--defaultAnimationEntranceDuration": "300ms",
    "--colorNeutralCoolHsl": "0 0% 98%",
    "--negativeVerticalDistance": "calc(-1 * 330%)",
    "--colorGreenLight": "#d4e9e2",
    "--colorYellow": "#fbbc05",
    "--floatLabelLeft": "12px",
    "--colorGreenAccentHsl": "158 100% 23%",
    "--frapMiniHeight": "4rem",
    "--space-6": "4rem",
    "--modalMaskOpacity": "0.38",
    "--formHorizontalPadding": "1.6rem",
    "--floatLabelActiveTop": "-12px",
    "--outerGutterLarge": "4.0rem",
    "--textSize4": "1.9rem",
    "--space-2": ".8rem",
    "--editFieldLineHeight": "1.6",
    "--colorWhite50": "rgba(255,255,255,.5)",
    "--floatLabelActiveFontSizeMobile": "1.3rem",
    "--indicatorHeight": "4px",
    "--colorGreenUplift": "#2b5148",
    "--colorGreenAccent": "#00754A",
    "--textSize6": "2.2rem",
    "--headerCrateProportion": "40vw",
    "--rewardsFont": "\"Lander Tall\",\"Iowan Old Style\",Georgia,serif",
    "--careersSearchRadioGridXPadding": "18px",
    "--colorRedHsl": "4 82% 43%",
    "--careersSearchInputLineHeight": "26px",
    "--columnWidthSmall": "343px",
    "--outerGutter": "1.6rem",
    "--typefacePrimary": "SoDoSans,Helvetica Neue,Helvetica,Arial,sans-serif",
    "--globalSubnavHeight": "53px",
    "--colorCeramic": "#edebe9",
    "--frapShadowPrimary": "0 0 6px rgba(0,0,0,0.24)",
    "--colorHouseGreenHsl": "164 31% 17%",
    "--frapShadowSecondaryActive": "0 8px 12px rgba(0,0,0,0)",
    "--frapTouchOffset": "calc(-1 * .8rem)",
    "--floatLabelTranslateY": "-50%",
    "--borderBoxShadowTertiary": "0 0 2px rgba(0,0,0,0.07)",
    "--colorBlack60": "rgba(0,0,0,.6)",
    "--svcShadowFilter": "drop-shadow(0px 4px 1px rgba(0,0,0,0.11)) drop-shadow(0px 0px 2px rgba(0,0,0,0.24))",
    "--duration": "0.4s",
    "--colorWhite10": "rgba(255,255,255,.1)",
    "--colorGoldHsl": "39 53% 57%",
    "--colorGold": "#cba258",
    "--colorWhite60": "rgba(255,255,255,.6)",
    "--checkedInputAnimation": "0.3s checkbox-label-marker-expansion cubic-bezier(0.32,2.32,0.61,0.27) forwards",
    "--modalPadding": "2.4rem",
    "--selectVerticalPadding": "10px",
    "--colorBlack50": "rgba(0,0,0,.5)",
    "--topShadow": "inset 0 4px 5px -3px rgba(0,0,0,0.2)",
    "--frapPaddingDouble": "14.6rem",
    "--activeToggleColor": "#00754A",
    "--colorWhiteHsl": "0 0% 100%",
    "--colorWhite40": "rgba(255,255,255,.4)",
    "--globalNavBoxShadow": "0 1px 3px rgba(0,0,0,0.1),0 2px 2px rgba(0,0,0,0.06),0 0 2px rgba(0,0,0,0.07)",
    "--textSize7": "2.4rem",
    "--colorBlack30": "rgba(0,0,0,.3)",
    "--leftShadow": "inset 1px 0 2px rgba(0,0,0,0.2)",
    "--expanderDuration": "300ms",
    "--colorBlack10": "rgba(0,0,0,.1)"
  }
}