{
  "schema": "ammo.design-tokens.v1",
  "generatedFrom": "static/app.css",
  "appearance": {
    "default": "dark",
    "switch": "html[data-theme=\"light\"]",
    "note": "Dark is the default. Every role is defined for both appearances."
  },
  "roles": {
    "canvas": {
      "token": "--canvas",
      "usage": "Page background",
      "light": "#ffffff",
      "dark": "#0b0e13"
    },
    "surface": {
      "token": "--surface",
      "usage": "Cards, specimens and raised surfaces",
      "light": "#f2f5fa",
      "dark": "#172234"
    },
    "ink": {
      "token": "--ink",
      "usage": "Body text and headings",
      "light": "#202936",
      "dark": "#f0f2f7"
    },
    "muted": {
      "token": "--muted",
      "usage": "Secondary text, captions and source lines",
      "light": "#596579",
      "dark": "#a5b1c5"
    },
    "line": {
      "token": "--line",
      "usage": "Hairlines and dividers",
      "light": "#dce2eb",
      "dark": "#2b3444"
    },
    "primary-fill": {
      "token": "--primary-fill",
      "usage": "Primary brand accent: filled buttons, active nav",
      "light": "#2689df",
      "dark": "#3097ef"
    },
    "danger": {
      "token": "--danger",
      "usage": "Destructive and error text",
      "light": "#ae3341",
      "dark": "#ffabb4"
    },
    "success": {
      "token": "--success",
      "usage": "Success text (saved state)",
      "light": "#256c50",
      "dark": "#8cd6b0"
    },
    "warning": {
      "token": "--warning",
      "usage": "Warning text",
      "light": "#7b5b21",
      "dark": "#e8c27c"
    },
    "control-bg": {
      "token": "--control-bg",
      "usage": "Field and control backgrounds",
      "light": "#fff",
      "dark": "#131b27"
    },
    "control-border": {
      "token": "--control-border",
      "usage": "Field and control borders",
      "light": "#bac6d7",
      "dark": "#526078"
    },
    "focus": {
      "token": "--focus",
      "usage": "Focus ring colour",
      "light": "#167bc9",
      "dark": "#82bfff"
    },
    "sidebar-bg": {
      "token": "--sidebar-bg",
      "usage": "Application sidebar rail",
      "light": "#edf0f5",
      "dark": "#192331"
    },
    "header-bg": {
      "token": "--header-bg",
      "usage": "Application header background",
      "light": "#f8f9fc",
      "dark": "#1a2332"
    },
    "code-bg": {
      "token": "--code-bg",
      "usage": "Code and preformatted backgrounds",
      "light": "#eef2f8",
      "dark": "#151c28"
    }
  },
  "colors": {
    "light": {
      "canvas": "#ffffff",
      "surface": "#f2f5fa",
      "ink": "#202936",
      "muted": "#596579",
      "line": "#dce2eb",
      "blue": "#146dc0",
      "blue-hover": "#105ba2",
      "primary-fill": "#2689df",
      "primary-ink": "#071c2d",
      "sidebar-bg": "#edf0f5",
      "sidebar-ink": "#303c4f",
      "sidebar-muted": "#5a687c",
      "sidebar-hover": "#dce4ef",
      "sidebar-line": "#d0d8e5",
      "header-bg": "#f8f9fc",
      "nav-active": "#3097ef",
      "nav-active-ink": "#071c2d",
      "code-bg": "#eef2f8",
      "code-ink": "#34445f",
      "hover": "#f2f6fc",
      "control-bg": "#fff",
      "control-border": "#bac6d7",
      "focus": "#167bc9",
      "selection": "#d7eafa",
      "selection-ink": "#17344c",
      "success": "#256c50",
      "success-bg": "#e7f4ed",
      "danger": "#ae3341",
      "danger-bg": "#fae9ed",
      "danger-border": "#d6a0aa",
      "warning": "#7b5b21",
      "warning-bg": "#fff3d8",
      "warning-border": "#ddcda7",
      "info-bg": "#e7f0ff",
      "info-ink": "#235ba0",
      "scroll-thumb": "#aab7c9"
    },
    "dark": {
      "canvas": "#0b0e13",
      "surface": "#172234",
      "ink": "#f0f2f7",
      "muted": "#a5b1c5",
      "line": "#2b3444",
      "blue": "#8dc7ff",
      "blue-hover": "#b8ddff",
      "primary-fill": "#3097ef",
      "primary-ink": "#061c2e",
      "sidebar-bg": "#192331",
      "sidebar-ink": "#d5dce8",
      "sidebar-muted": "#b5c0d1",
      "sidebar-hover": "#263447",
      "sidebar-line": "#303d50",
      "header-bg": "#1a2332",
      "nav-active": "#3097ef",
      "nav-active-ink": "#061c2e",
      "code-bg": "#151c28",
      "code-ink": "#d5dff0",
      "hover": "#162031",
      "control-bg": "#131b27",
      "control-border": "#526078",
      "focus": "#82bfff",
      "selection": "#284f73",
      "selection-ink": "#f1f6ff",
      "success": "#8cd6b0",
      "success-bg": "#132d25",
      "danger": "#ffabb4",
      "danger-bg": "#35212b",
      "danger-border": "#905162",
      "warning": "#e8c27c",
      "warning-bg": "#322b1f",
      "warning-border": "#66573d",
      "info-bg": "#1b2d48",
      "info-ink": "#a8cdff",
      "scroll-thumb": "#526078"
    }
  },
  "layout": {
    "button-radius": "12px",
    "control-radius": "8px",
    "compact-control-radius": "4px",
    "pico-font-size": "15px",
    "pico-line-height": "1.55",
    "field-width": "360px",
    "field-height": "34px",
    "field-font-size": "13px",
    "field-gap": "16px",
    "button-min-height": "32px",
    "touch-target": "44px",
    "sidebar-width": "242px",
    "sidebar-width-wide": "272px",
    "content-max": "1300px",
    "header-min-height": "72px",
    "breakpoint": "850px",
    "baseline-grid": "8px"
  },
  "fonts": {
    "display": "Rockwell, Georgia, serif",
    "body": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif",
    "mono": "ui-monospace, SFMono-Regular, Consolas, monospace",
    "display_note": "Self-hosted Rockwell. Display only \u2014 never body copy."
  }
}