{
  "$description": "Design tokens for the Tableau style. Generated from tokens.css by scripts/sync-tokens.mjs; edit tokens.css, not this file.",
  "modes": {
    "default": "light",
    "alternate": "dark"
  },
  "color": {
    "paper": {
      "$type": "color",
      "$value": "#f3eee3",
      "$dark": "#12110e"
    },
    "card": {
      "$type": "color",
      "$value": "#fbf8f1",
      "$dark": "#1b1915"
    },
    "well": {
      "$type": "color",
      "$value": "#e9e2d3",
      "$dark": "#16140f"
    },
    "line": {
      "$type": "color",
      "$value": "#d6ccb8",
      "$dark": "#332e26"
    },
    "ink": {
      "$type": "color",
      "$value": "#1b1915",
      "$dark": "#f3eee3"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#3b372f",
      "$dark": "#d5cdbd"
    },
    "muted": {
      "$type": "color",
      "$value": "#655d50",
      "$dark": "#a39a8a"
    },
    "brass": {
      "$type": "color",
      "$value": "#855610",
      "$dark": "#e3ad54"
    },
    "brass-2": {
      "$type": "color",
      "$value": "#6b450b",
      "$dark": "#f0c47a"
    },
    "on-brass": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#231703"
    },
    "brass-soft": {
      "$type": "color",
      "$value": "#f2e3c4",
      "$dark": "#33270f"
    },
    "alert": {
      "$type": "color",
      "$value": "#a8321d",
      "$dark": "#ff8f7a"
    },
    "focus": {
      "$type": "color",
      "$value": "#2f5bb5",
      "$dark": "#8fb0ff"
    },
    "board": {
      "$type": "color",
      "$value": "#15130f",
      "$description": "the split-flap board, both modes"
    },
    "flap": {
      "$type": "color",
      "$value": "#322d26",
      "$description": "one flap"
    },
    "flap-2": {
      "$type": "color",
      "$value": "#29251f",
      "$description": "the lower half of a flap"
    },
    "flap-ink": {
      "$type": "color",
      "$value": "#f3ead8",
      "$description": "letters on the board"
    },
    "flap-lit": {
      "$type": "color",
      "$value": "#f0b23e",
      "$description": "prices and the live row on the board"
    },
    "flap-muted": {
      "$type": "color",
      "$value": "#a89f8e",
      "$description": "small print on the board"
    },
    "board-line": {
      "$type": "color",
      "$value": "#3a352c"
    },
    "flip": {
      "$type": "color",
      "$value": "cubic-bezier(0.55, 0, 0.45, 1)"
    },
    "d": {
      "$type": "color",
      "$value": "280ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 0 rgba(27, 25, 21, 0.06), 0 12px 26px -18px rgba(27, 25, 21, 0.4)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 26px -16px rgba(0, 0, 0, 0.8)"
    },
    "shadow-board": {
      "$type": "shadow",
      "$value": "0 2px 0 rgba(0, 0, 0, 0.2), 0 34px 60px -30px rgba(27, 25, 21, 0.7)",
      "$dark": "0 0 0 1px #2a2620, 0 34px 60px -30px rgba(0, 0, 0, 0.9)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Big Shoulders Display\", \"Arial Narrow\", system-ui, sans-serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Manrope\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"Spline Sans Mono\", ui-monospace, \"SFMono-Regular\", Menlo, monospace"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(52px, 7.6vw, 120px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(38px, 4.8vw, 68px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "24px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(18px, 1.35vw, 21px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "17px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "15px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "12px"
    }
  },
  "space": {
    "wrap": {
      "$type": "dimension",
      "$value": "1220px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "max(20px, 4vw)"
    },
    "s-1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "s-2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "s-3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "s-4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "s-5": {
      "$type": "dimension",
      "$value": "24px"
    },
    "s-6": {
      "$type": "dimension",
      "$value": "40px"
    },
    "s-7": {
      "$type": "dimension",
      "$value": "64px"
    },
    "s-8": {
      "$type": "dimension",
      "$value": "104px"
    }
  },
  "radius": {
    "r-s": {
      "$type": "dimension",
      "$value": "4px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "8px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "14px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.75, 0.25, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "140ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "700ms"
    }
  }
}