{
  "$description": "Ristra design tokens. Generated by scripts/gen-tokens.mjs — DO NOT EDIT. Edit tokens/tokens.source.mjs and re-run.",
  "brand": {
    "sweet": {
      "$type": "color",
      "$value": "#f66e24",
      "$description": "Orange chili — brand mark"
    },
    "chili": {
      "$type": "color",
      "$value": "#e30000",
      "$description": "Red chili — brand mark"
    },
    "ochre": {
      "$type": "color",
      "$value": "#f49a19",
      "$description": "Golden chili — brand mark"
    },
    "terra": {
      "$type": "color",
      "$value": "#d7391d",
      "$description": "Red-orange chili — brand mark; UI accent family"
    },
    "sage": {
      "$type": "color",
      "$value": "#809971",
      "$description": "Stem green — brand mark; live-trip family"
    },
    "earth": {
      "$type": "color",
      "$value": "#231a11",
      "$description": "Dark field — espresso brown; neutral ladder dark end"
    },
    "sand": {
      "$type": "color",
      "$value": "#ffeed6",
      "$description": "Light field — cream; neutral ladder light end"
    },
    "turquoise-lt": {
      "$type": "color",
      "$value": "#20dbba",
      "$description": "Wordmark on dark fields"
    },
    "turquoise-dk": {
      "$type": "color",
      "$value": "#0a9c81",
      "$description": "Wordmark on light fields"
    }
  },
  "ramp": {
    "terra": {
      "50": {
        "$type": "color",
        "$value": "#fff4f2"
      },
      "100": {
        "$type": "color",
        "$value": "#ffe0d9"
      },
      "200": {
        "$type": "color",
        "$value": "#ffc4b7"
      },
      "300": {
        "$type": "color",
        "$value": "#ff9c88"
      },
      "400": {
        "$type": "color",
        "$value": "#f37860"
      },
      "500": {
        "$type": "color",
        "$value": "#e0563d"
      },
      "600": {
        "$type": "color",
        "$value": "#d7391d",
        "$description": "Brand anchor \"terra\" (verbatim)"
      },
      "700": {
        "$type": "color",
        "$value": "#a71c00"
      },
      "800": {
        "$type": "color",
        "$value": "#821300"
      },
      "900": {
        "$type": "color",
        "$value": "#5a0a00"
      },
      "950": {
        "$type": "color",
        "$value": "#380300"
      },
      "975": {
        "$type": "color",
        "$value": "#1e0100"
      }
    },
    "sweet": {
      "50": {
        "$type": "color",
        "$value": "#fff4f0"
      },
      "100": {
        "$type": "color",
        "$value": "#ffe1d4"
      },
      "200": {
        "$type": "color",
        "$value": "#ffc5ad"
      },
      "300": {
        "$type": "color",
        "$value": "#ff9e73"
      },
      "400": {
        "$type": "color",
        "$value": "#f66e24",
        "$description": "Brand anchor \"sweet\" (verbatim)"
      },
      "500": {
        "$type": "color",
        "$value": "#da5e16"
      },
      "600": {
        "$type": "color",
        "$value": "#b94a00"
      },
      "700": {
        "$type": "color",
        "$value": "#963a00"
      },
      "800": {
        "$type": "color",
        "$value": "#742b00"
      },
      "900": {
        "$type": "color",
        "$value": "#4f1b00"
      },
      "950": {
        "$type": "color",
        "$value": "#320e00"
      },
      "975": {
        "$type": "color",
        "$value": "#1a0400"
      }
    },
    "chili": {
      "50": {
        "$type": "color",
        "$value": "#fff4f2"
      },
      "100": {
        "$type": "color",
        "$value": "#ffe0da"
      },
      "200": {
        "$type": "color",
        "$value": "#ffc4ba"
      },
      "300": {
        "$type": "color",
        "$value": "#ff9c8d"
      },
      "400": {
        "$type": "color",
        "$value": "#ff6c5a"
      },
      "500": {
        "$type": "color",
        "$value": "#ed4233"
      },
      "600": {
        "$type": "color",
        "$value": "#e30000",
        "$description": "Brand anchor \"chili\" (verbatim)"
      },
      "700": {
        "$type": "color",
        "$value": "#ad0000"
      },
      "800": {
        "$type": "color",
        "$value": "#860000"
      },
      "900": {
        "$type": "color",
        "$value": "#5d0000"
      },
      "950": {
        "$type": "color",
        "$value": "#3b0000"
      },
      "975": {
        "$type": "color",
        "$value": "#1f0000"
      }
    },
    "ochre": {
      "50": {
        "$type": "color",
        "$value": "#fff5eb"
      },
      "100": {
        "$type": "color",
        "$value": "#ffe2c5"
      },
      "200": {
        "$type": "color",
        "$value": "#ffc98f"
      },
      "300": {
        "$type": "color",
        "$value": "#f49a19",
        "$description": "Brand anchor \"ochre\" (verbatim)"
      },
      "400": {
        "$type": "color",
        "$value": "#df8c10"
      },
      "500": {
        "$type": "color",
        "$value": "#bf7600"
      },
      "600": {
        "$type": "color",
        "$value": "#9f6100"
      },
      "700": {
        "$type": "color",
        "$value": "#804d00"
      },
      "800": {
        "$type": "color",
        "$value": "#633a00"
      },
      "900": {
        "$type": "color",
        "$value": "#432600"
      },
      "950": {
        "$type": "color",
        "$value": "#291500"
      },
      "975": {
        "$type": "color",
        "$value": "#140800"
      }
    },
    "sage": {
      "50": {
        "$type": "color",
        "$value": "#f1faeb"
      },
      "100": {
        "$type": "color",
        "$value": "#e0edd8"
      },
      "200": {
        "$type": "color",
        "$value": "#cadac1"
      },
      "300": {
        "$type": "color",
        "$value": "#aec2a3"
      },
      "400": {
        "$type": "color",
        "$value": "#93aa86"
      },
      "500": {
        "$type": "color",
        "$value": "#809971",
        "$description": "Brand anchor \"sage\" (verbatim)"
      },
      "600": {
        "$type": "color",
        "$value": "#637956"
      },
      "700": {
        "$type": "color",
        "$value": "#4e6242"
      },
      "800": {
        "$type": "color",
        "$value": "#3a4b2f"
      },
      "900": {
        "$type": "color",
        "$value": "#24331b"
      },
      "950": {
        "$type": "color",
        "$value": "#131f0b"
      },
      "975": {
        "$type": "color",
        "$value": "#050e02"
      }
    },
    "turquoise": {
      "50": {
        "$type": "color",
        "$value": "#e0fff6"
      },
      "100": {
        "$type": "color",
        "$value": "#acfae6"
      },
      "200": {
        "$type": "color",
        "$value": "#79edd2"
      },
      "300": {
        "$type": "color",
        "$value": "#20dbba",
        "$description": "Brand anchor \"turquoise-lt\" (verbatim)"
      },
      "400": {
        "$type": "color",
        "$value": "#17bb9d"
      },
      "500": {
        "$type": "color",
        "$value": "#0a9c81",
        "$description": "Brand anchor \"turquoise-dk\" (verbatim)"
      },
      "600": {
        "$type": "color",
        "$value": "#00856d"
      },
      "700": {
        "$type": "color",
        "$value": "#006b57"
      },
      "800": {
        "$type": "color",
        "$value": "#005242"
      },
      "900": {
        "$type": "color",
        "$value": "#00372c"
      },
      "950": {
        "$type": "color",
        "$value": "#002119"
      },
      "975": {
        "$type": "color",
        "$value": "#000f0a"
      }
    },
    "earth": {
      "50": {
        "$type": "color",
        "$value": "#fcf6ed"
      },
      "100": {
        "$type": "color",
        "$value": "#ffeed6",
        "$description": "Brand anchor \"sand\" (verbatim)"
      },
      "200": {
        "$type": "color",
        "$value": "#e2d2bb"
      },
      "300": {
        "$type": "color",
        "$value": "#c8b8a4"
      },
      "400": {
        "$type": "color",
        "$value": "#ae9f8c"
      },
      "500": {
        "$type": "color",
        "$value": "#958776"
      },
      "600": {
        "$type": "color",
        "$value": "#7c6f60"
      },
      "700": {
        "$type": "color",
        "$value": "#65584b"
      },
      "800": {
        "$type": "color",
        "$value": "#4e4337"
      },
      "900": {
        "$type": "color",
        "$value": "#362c21"
      },
      "950": {
        "$type": "color",
        "$value": "#231a11",
        "$description": "Brand anchor \"earth\" (verbatim)"
      },
      "975": {
        "$type": "color",
        "$value": "#0f0a06"
      }
    }
  },
  "semantic": {
    "light": {
      "bg": {
        "$type": "color",
        "$value": "{ramp.earth.50}"
      },
      "surface": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "surface-sunken": {
        "$type": "color",
        "$value": "{ramp.earth.100}"
      },
      "border": {
        "$type": "color",
        "$value": "{ramp.earth.200}"
      },
      "text": {
        "$type": "color",
        "$value": "{ramp.earth.900}"
      },
      "text-muted": {
        "$type": "color",
        "$value": "{ramp.earth.600}"
      },
      "text-faint": {
        "$type": "color",
        "$value": "{ramp.earth.400}"
      },
      "accent": {
        "$type": "color",
        "$value": "{ramp.terra.600}"
      },
      "accent-strong": {
        "$type": "color",
        "$value": "{ramp.terra.700}"
      },
      "on-accent": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "title": {
        "$type": "color",
        "$value": "{ramp.turquoise.500}"
      },
      "link": {
        "$type": "color",
        "$value": "{ramp.turquoise.700}"
      },
      "pill-bg": {
        "$type": "color",
        "$value": "{ramp.earth.100}"
      },
      "status-incart": {
        "$type": "color",
        "$value": "{ramp.turquoise.500}"
      },
      "status-bought": {
        "$type": "color",
        "$value": "{semantic.light.text-faint}"
      },
      "status-unavailable": {
        "$type": "color",
        "$value": "{ramp.ochre.700}"
      },
      "trip-wash": {
        "$type": "color",
        "$value": "{ramp.sage.50}"
      },
      "trip-border": {
        "$type": "color",
        "$value": "{ramp.sage.200}"
      },
      "trip-text": {
        "$type": "color",
        "$value": "{ramp.sage.700}"
      },
      "trip-dot": {
        "$type": "color",
        "$value": "{ramp.sage.500}"
      },
      "shadow": {
        "$type": "shadow",
        "$value": [
          {
            "offsetX": "0",
            "offsetY": "1px",
            "blur": "3px",
            "spread": "0px",
            "color": "rgba(35, 26, 17, 0.09)"
          },
          {
            "offsetX": "0",
            "offsetY": "6px",
            "blur": "18px",
            "spread": "0px",
            "color": "rgba(35, 26, 17, 0.07)"
          }
        ]
      }
    },
    "dark": {
      "bg": {
        "$type": "color",
        "$value": "{ramp.earth.975}"
      },
      "surface": {
        "$type": "color",
        "$value": "{ramp.earth.950}"
      },
      "surface-sunken": {
        "$type": "color",
        "$value": "#18130d",
        "$description": "Computed tone: earth hue at L 0.19"
      },
      "border": {
        "$type": "color",
        "$value": "#3f362d",
        "$description": "Computed tone: earth hue at L 0.34"
      },
      "text": {
        "$type": "color",
        "$value": "{ramp.earth.100}"
      },
      "text-muted": {
        "$type": "color",
        "$value": "{ramp.earth.300}"
      },
      "text-faint": {
        "$type": "color",
        "$value": "{ramp.earth.600}"
      },
      "accent": {
        "$type": "color",
        "$value": "{ramp.terra.400}"
      },
      "accent-strong": {
        "$type": "color",
        "$value": "{ramp.terra.300}"
      },
      "on-accent": {
        "$type": "color",
        "$value": "{ramp.earth.975}"
      },
      "title": {
        "$type": "color",
        "$value": "{ramp.turquoise.300}"
      },
      "link": {
        "$type": "color",
        "$value": "{ramp.turquoise.300}"
      },
      "pill-bg": {
        "$type": "color",
        "$value": "#352c23",
        "$description": "Computed tone: earth hue at L 0.3"
      },
      "status-incart": {
        "$type": "color",
        "$value": "{ramp.turquoise.400}"
      },
      "status-bought": {
        "$type": "color",
        "$value": "{semantic.dark.text-faint}"
      },
      "status-unavailable": {
        "$type": "color",
        "$value": "{ramp.ochre.500}"
      },
      "trip-wash": {
        "$type": "color",
        "$value": "{ramp.sage.900}"
      },
      "trip-border": {
        "$type": "color",
        "$value": "{ramp.sage.800}"
      },
      "trip-text": {
        "$type": "color",
        "$value": "{ramp.sage.300}"
      },
      "trip-dot": {
        "$type": "color",
        "$value": "{ramp.sage.400}"
      },
      "shadow": {
        "$type": "shadow",
        "$value": [
          {
            "offsetX": "0",
            "offsetY": "1px",
            "blur": "3px",
            "spread": "0px",
            "color": "rgba(0, 0, 0, 0.45)"
          },
          {
            "offsetX": "0",
            "offsetY": "6px",
            "blur": "18px",
            "spread": "0px",
            "color": "rgba(0, 0, 0, 0.38)"
          }
        ]
      }
    }
  },
  "dimension": {
    "radius": {
      "radius": {
        "$type": "dimension",
        "$value": "14px"
      },
      "radius-sm": {
        "$type": "dimension",
        "$value": "9px"
      },
      "radius-pill": {
        "$type": "dimension",
        "$value": "999px"
      }
    },
    "space": {
      "1": {
        "$type": "dimension",
        "$value": "2px"
      },
      "2": {
        "$type": "dimension",
        "$value": "4px"
      },
      "3": {
        "$type": "dimension",
        "$value": "6px"
      },
      "4": {
        "$type": "dimension",
        "$value": "8px"
      },
      "5": {
        "$type": "dimension",
        "$value": "12px"
      },
      "6": {
        "$type": "dimension",
        "$value": "16px"
      },
      "7": {
        "$type": "dimension",
        "$value": "20px"
      },
      "8": {
        "$type": "dimension",
        "$value": "24px"
      },
      "9": {
        "$type": "dimension",
        "$value": "32px"
      },
      "10": {
        "$type": "dimension",
        "$value": "40px"
      },
      "11": {
        "$type": "dimension",
        "$value": "48px"
      },
      "12": {
        "$type": "dimension",
        "$value": "64px"
      }
    }
  },
  "type": {
    "family": {
      "font": {
        "$type": "fontFamily",
        "$value": "-apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
      },
      "font-display": {
        "$type": "fontFamily",
        "$value": "'Solitreo', cursive"
      },
      "font-tagline": {
        "$type": "fontFamily",
        "$value": "'Jua', sans-serif"
      },
      "font-mono": {
        "$type": "fontFamily",
        "$value": "ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Consolas, monospace"
      }
    },
    "scale": {
      "text-xs": {
        "$type": "dimension",
        "$value": "12px",
        "$description": "line-height 1.45"
      },
      "text-sm": {
        "$type": "dimension",
        "$value": "14px",
        "$description": "line-height 1.45"
      },
      "text-base": {
        "$type": "dimension",
        "$value": "16px",
        "$description": "line-height 1.5"
      },
      "text-lg": {
        "$type": "dimension",
        "$value": "18px",
        "$description": "line-height 1.45"
      },
      "text-xl": {
        "$type": "dimension",
        "$value": "22px",
        "$description": "line-height 1.3"
      },
      "text-2xl": {
        "$type": "dimension",
        "$value": "28px",
        "$description": "line-height 1.2"
      },
      "text-3xl": {
        "$type": "dimension",
        "$value": "36px",
        "$description": "line-height 1.15"
      }
    },
    "weight": {
      "weight-regular": {
        "$type": "fontWeight",
        "$value": 400
      },
      "weight-medium": {
        "$type": "fontWeight",
        "$value": 500
      },
      "weight-semibold": {
        "$type": "fontWeight",
        "$value": 600
      },
      "weight-bold": {
        "$type": "fontWeight",
        "$value": 700
      }
    }
  },
  "motion": {
    "duration": {
      "dur-fast": {
        "$type": "duration",
        "$value": "120ms"
      },
      "dur-base": {
        "$type": "duration",
        "$value": "200ms"
      },
      "dur-slow": {
        "$type": "duration",
        "$value": "320ms"
      }
    },
    "easing": {
      "ease-out": {
        "$type": "cubicBezier",
        "$value": [
          0.2,
          0.8,
          0.2,
          1
        ]
      },
      "ease-in-out": {
        "$type": "cubicBezier",
        "$value": [
          0.45,
          0,
          0.25,
          1
        ]
      }
    }
  }
}