{
  "$description": "Design tokens for the Signal 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": "#eceff4",
      "$dark": "#0f1422",
      "$description": "page background: cool, never cream"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#161d2f",
      "$description": "panels, plans, tables"
    },
    "ink": {
      "$type": "color",
      "$value": "#131a2c",
      "$dark": "#e8ecf6",
      "$description": "text and the 2px proof rules"
    },
    "muted": {
      "$type": "color",
      "$value": "#5d6680",
      "$dark": "#98a2bd",
      "$description": "secondary text"
    },
    "line": {
      "$type": "color",
      "$value": "#d3d8e3",
      "$dark": "#26304a",
      "$description": "hairlines, borders"
    },
    "accent": {
      "$type": "color",
      "$value": "#1f5bff",
      "$dark": "#5b84ff",
      "$description": "cobalt: links, primary buttons, group labels"
    },
    "accent-ink": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#0b1020",
      "$description": "text on cobalt"
    },
    "accent-soft": {
      "$type": "color",
      "$value": "#e3eaff",
      "$dark": "#1b2648",
      "$description": "tinted plan, highlighted column, inline code"
    },
    "glow": {
      "$type": "color",
      "$value": "#8fe3ff",
      "$description": "cyan: selected outlines and the second data series"
    },
    "lime": {
      "$type": "color",
      "$value": "#b7f05a",
      "$description": "the one \"add / new\" action on the instrument"
    },
    "lime-ink": {
      "$type": "color",
      "$value": "#13210a"
    },
    "violet": {
      "$type": "color",
      "$value": "#7a5cff",
      "$description": "third data series"
    },
    "table": {
      "$type": "color",
      "$value": "#0d1324",
      "$dark": "#080c18"
    },
    "table-grid": {
      "$type": "color",
      "$value": "#1a2238",
      "$dark": "#141b2e"
    },
    "table-glass": {
      "$type": "color",
      "$value": "#18233f",
      "$dark": "#1a2645",
      "$description": "tiles on the table"
    },
    "table-ink": {
      "$type": "color",
      "$value": "#e8ecf6"
    },
    "table-muted": {
      "$type": "color",
      "$value": "#8b96b4"
    },
    "ok": {
      "$type": "color",
      "$value": "#17865a",
      "$dark": "#3ccf8e",
      "$description": "filled dot: done, tested, included"
    },
    "built": {
      "$type": "color",
      "$value": "#b07400",
      "$dark": "#f0b43c",
      "$description": "ring: built, pending, partly"
    },
    "no": {
      "$type": "color",
      "$value": "#8a93aa",
      "$dark": "#6d7792",
      "$description": "grey dot: not available"
    },
    "code-bg": {
      "$type": "color",
      "$value": "#131a2c",
      "$dark": "#0a0f1c"
    },
    "code-ink": {
      "$type": "color",
      "$value": "#dfe6f7"
    }
  },
  "shadow": {
    "table-shadow": {
      "$type": "shadow",
      "$value": "0 30px 60px -30px rgba(13, 19, 36, 0.55)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Bricolage Grotesque\", \"Segoe UI\", system-ui, sans-serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Instrument Sans\", \"Segoe UI\", system-ui, sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "ui-monospace, \"Cascadia Code\", \"SF Mono\", Menlo, Consolas, monospace"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(40px, 5.6vw, 68px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(30px, 3.6vw, 44px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "21px"
    },
    "fs-lede": {
      "$type": "dimension",
      "$value": "19px"
    },
    "fs-intro": {
      "$type": "dimension",
      "$value": "18px"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "17px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "14px"
    },
    "fs-figure": {
      "$type": "fontFamily",
      "$value": "clamp(30px, 3.4vw, 42px)"
    }
  },
  "space": {
    "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": "32px"
    },
    "s-7": {
      "$type": "dimension",
      "$value": "48px"
    },
    "s-8": {
      "$type": "dimension",
      "$value": "72px"
    },
    "s-9": {
      "$type": "dimension",
      "$value": "96px"
    },
    "wrap": {
      "$type": "dimension",
      "$value": "1120px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "16px"
    }
  },
  "radius": {
    "r-xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "r-s": {
      "$type": "dimension",
      "$value": "6px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "10px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "14px"
    },
    "r-xl": {
      "$type": "dimension",
      "$value": "16px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "ease"
    },
    "plug": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.9, 0.3, 1.2)",
      "$description": "a tile plugging in"
    },
    "d-move": {
      "$type": "duration",
      "$value": "0.25s",
      "$description": "tiles settling into place"
    },
    "d-bar": {
      "$type": "duration",
      "$value": "0.4s",
      "$description": "bars re-measuring"
    },
    "d-plug": {
      "$type": "duration",
      "$value": "0.45s"
    }
  }
}