{
  "$description": "AmpleRun brand tokens for the Capacity R identity, direction B \"Machined\" (owner choice, D-26, 25 September 2026) evolved to \"B + motion\" (owner feedback, 26 September 2026: named effect and motion tokens), in the W3C Design Tokens Format (DTCG 2025.10). This file is the only source of colour, type, space, radius, elevation, effect and motion values. Regenerate dist/, the generated artwork and ASSET_MANIFEST.json with `node packages/brand/build.mjs`.",
  "color": {
    "$type": "color",
    "$description": "Capacity R primitives. Semantic roles in `theme` reference these where the value is the same.",
    "carbon": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.0431, 0.0588, 0.0706],
        "hex": "#0b0f12"
      },
      "$description": "Primary dark field and dark text."
    },
    "carbon-deep": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.0196, 0.0275, 0.0392],
        "hex": "#05070a"
      },
      "$description": "Hero, header and footer field below Carbon (site-derived)."
    },
    "mineral": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.9529, 0.949, 0.9255],
        "hex": "#f3f2ec"
      },
      "$description": "Primary light field and light text."
    },
    "run-coral": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.9412, 0.3529, 0.2353],
        "hex": "#f05a3c"
      },
      "$description": "Primary action fill and Run emphasis. As text only at display sizes on the light field (3.0:1); use theme link for text."
    },
    "ready-lime": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.7882, 0.949, 0.3569],
        "hex": "#c9f25b"
      },
      "$description": "Verified/ready state only, always paired with a word. Never decorative, never in the logo."
    },
    "steel": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.4353, 0.4784, 0.502],
        "hex": "#6f7a80"
      },
      "$description": "Non-text only: control boundaries and inactive marks (theme border-strong), at least 3.3:1 on every surface in both modes. Never text: 3.9:1 on Mineral fails AA; use theme subtle."
    },
    "panel": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.0824, 0.1059, 0.1255],
        "hex": "#151b20"
      },
      "$description": "Elevated dark surfaces."
    }
  },
  "theme": {
    "$type": "color",
    "$description": "Semantic roles, direction B \"Machined\". A surface ladder groups content (bg, surface, surface-raised) and a hairline ladder draws edges (border-subtle, border, border-strong). One elevation, elevation-raised, lifts only what you act on: offer cards, menus and dialogs. `light` is the default; `dark` applies under prefers-color-scheme: dark unless the root has data-theme=\"light\", and always under data-theme=\"dark\". Both modes define the same roles. CSS names drop the mode: theme.light.bg is --ar-bg. Ratios are WCAG 2.2 and checked by build.test.mjs.",
    "light": {
      "bg": {
        "$value": "{color.mineral}",
        "$description": "Page field."
      },
      "surface": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9843, 0.9804, 0.9647],
          "hex": "#fbfaf6"
        },
        "$description": "Grouping surface: tables, panels, inputs, flat cards."
      },
      "surface-raised": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9961, 0.9922, 0.9804],
          "hex": "#fefdfa"
        },
        "$description": "The raised tint, always paired with elevation-raised: offer cards, menus and dialogs."
      },
      "surface-muted": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9333, 0.9451, 0.9569],
          "hex": "#eef1f4"
        },
        "$description": "Neutral chips, info notices, disabled options, static skeletons."
      },
      "surface-inverse": {
        "$value": "{color.panel}",
        "$description": "Panels and chips on a Carbon field."
      },
      "text": {
        "$value": "{color.carbon}",
        "$description": "Body text: 17.2:1 on bg, 17.0:1 on surface-muted."
      },
      "muted": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2706, 0.3098, 0.3333],
          "hex": "#454f55"
        },
        "$description": "Secondary text: 7.5:1 on bg, 7.4:1 on surface-muted."
      },
      "subtle": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.3686, 0.4039, 0.4275],
          "hex": "#5e676d"
        },
        "$description": "Tertiary text (captions, hints, units), the AA replacement for Steel as text: 5.2:1 on bg, 5.1:1 on surface-muted."
      },
      "border-subtle": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.8941, 0.8863, 0.851],
          "hex": "#e4e2d9"
        },
        "$description": "Dividers inside a surface: table rows, list separators. Decorative."
      },
      "border": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.8471, 0.8392, 0.8],
          "hex": "#d8d6cc"
        },
        "$description": "Hairline edge of cards, panels and sections (1.3:1, decorative; never the only boundary of a control)."
      },
      "border-strong": {
        "$value": "{color.steel}",
        "$description": "Control boundaries (inputs, selects, checkboxes, secondary buttons) and hover edges: 3.9:1 on bg, 3.9:1 on surface-muted."
      },
      "border-inverse": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1647, 0.1961, 0.2196],
          "hex": "#2a3238"
        },
        "$description": "Hairlines on Carbon panels."
      },
      "border-inverse-subtle": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9529, 0.949, 0.9255],
          "alpha": 0.08,
          "hex": "#f3f2ec"
        },
        "$description": "Hairlines on the Carbon header, hero and footer."
      },
      "text-inverse": {
        "$value": "{color.mineral}",
        "$description": "Text on Carbon fields: 18.0:1 on carbon-deep, 15.5:1 on panel."
      },
      "muted-inverse": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.6549, 0.698, 0.7216],
          "hex": "#a7b2b8"
        },
        "$description": "Secondary text on Carbon fields: 9.3:1 on carbon-deep, 8.0:1 on panel."
      },
      "subtle-inverse": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5412, 0.5843, 0.6078],
          "hex": "#8a959b"
        },
        "$description": "Tertiary text on Carbon fields: 6.6:1 on carbon-deep, 5.7:1 on panel."
      },
      "action": {
        "$value": "{color.run-coral}",
        "$description": "Primary action fill. One per view."
      },
      "action-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.4157, 0.298],
          "hex": "#ff6a4c"
        },
        "$description": "Primary action fill on hover."
      },
      "action-ink": {
        "$value": "{color.carbon}",
        "$description": "Text on action: 5.7:1, 6.8:1 on action-hover. White on Run Coral is 3.4:1 and fails AA."
      },
      "link": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7608, 0.2275, 0.1216],
          "hex": "#c23a1f"
        },
        "$description": "Run Coral as text on the light field: 4.8:1 on bg, 4.7:1 on surface-muted."
      },
      "ready": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2392, 0.3333, 0.0627],
          "hex": "#3d5510"
        },
        "$description": "Verified/ready text on the page field: 7.5:1. Always paired with a word."
      },
      "ready-bg": {
        "$value": "{color.ready-lime}",
        "$description": "Verified/ready chip fill."
      },
      "ready-ink": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1098, 0.1647, 0.0235],
          "hex": "#1c2a06"
        },
        "$description": "Text on ready-bg: 11.8:1."
      },
      "danger": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7059, 0.1373, 0.0941],
          "hex": "#b42318"
        },
        "$description": "Failure text: 5.9:1 on bg, 5.8:1 on danger-bg."
      },
      "danger-bg": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9922, 0.9255, 0.9176],
          "hex": "#fdecea"
        },
        "$description": "Failure notice fill."
      },
      "warning": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5412, 0.3529, 0],
          "hex": "#8a5a00"
        },
        "$description": "Attention text: 5.3:1 on bg, 5.4:1 on warning-bg."
      },
      "warning-bg": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9922, 0.9529, 0.8784],
          "hex": "#fdf3e0"
        },
        "$description": "Attention notice fill."
      },
      "focus": {
        "$value": "{theme.light.link}",
        "$description": "Focus ring, 2px: 4.8:1 on bg, 4.7:1 on surface-muted. Run Coral itself is 3.0:1 on bg and 2.97:1 on surface-muted, so it is not the light focus colour."
      },
      "scrim": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0431, 0.0588, 0.0706],
          "alpha": 0.55,
          "hex": "#0b0f12"
        },
        "$description": "Backdrop behind dialogs and drawers. Solid tint, never a blur."
      },
      "vendor-nvidia": {
        "$value": { "colorSpace": "srgb", "components": [0.2902, 0.4784, 0], "hex": "#4a7a00" },
        "$description": "NVIDIA green, darkened for a light field; the mark in a GPU vendor tile only (owner, 2 October 2026). Never text or state. 4.5:1+ on every light surface."
      },
      "vendor-amd": {
        "$value": { "colorSpace": "srgb", "components": [0.8196, 0.1255, 0.1686], "hex": "#d1202b" },
        "$description": "AMD red, the mark in a GPU vendor tile only. 4.6:1+ on every light surface."
      },
      "vendor-intel": {
        "$value": { "colorSpace": "srgb", "components": [0, 0.4078, 0.7098], "hex": "#0068b5" },
        "$description": "Intel blue, the mark in a GPU vendor tile only. 5.0:1+ on every light surface."
      },
      "elevation-raised": {
        "$type": "shadow",
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.0431, 0.0588, 0.0706],
              "alpha": 0.06,
              "hex": "#0b0f12"
            },
            "offsetX": { "value": 0, "unit": "px" },
            "offsetY": { "value": 1, "unit": "px" },
            "blur": { "value": 2, "unit": "px" },
            "spread": { "value": 0, "unit": "px" }
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.0431, 0.0588, 0.0706],
              "alpha": 0.22,
              "hex": "#0b0f12"
            },
            "offsetX": { "value": 0, "unit": "px" },
            "offsetY": { "value": 1, "unit": "px" },
            "blur": { "value": 0, "unit": "px" },
            "spread": { "value": 0, "unit": "px" }
          }
        ],
        "$description": "The one elevation, flattened 28 October 2026: a 1px contact line, no drop blur. On surface-raised only."
      }
    },
    "dark": {
      "bg": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.051, 0.0706, 0.0902],
          "hex": "#0d1217"
        },
        "$description": "Page field."
      },
      "surface": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0824, 0.1098, 0.1373],
          "hex": "#151c23"
        },
        "$description": "Grouping surface: tables, panels, inputs, flat cards."
      },
      "surface-raised": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1059, 0.1412, 0.1725],
          "hex": "#1b242c"
        },
        "$description": "The raised tint: in dark mode the lift is a lighter surface, always paired with elevation-raised."
      },
      "surface-muted": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.102, 0.1647, 0.2118],
          "hex": "#1a2a36"
        },
        "$description": "Neutral chips, info notices, disabled options, static skeletons."
      },
      "surface-inverse": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0627, 0.0863, 0.1098],
          "hex": "#10161c"
        },
        "$description": "Panels and chips on a Carbon field."
      },
      "text": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9294, 0.949, 0.9529],
          "hex": "#edf2f3"
        },
        "$description": "Body text: 16.7:1 on bg, 13.0:1 on surface-muted."
      },
      "muted": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7059, 0.7529, 0.7725],
          "hex": "#b4c0c5"
        },
        "$description": "Secondary text: 10.1:1 on bg, 7.9:1 on surface-muted."
      },
      "subtle": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5412, 0.5843, 0.6078],
          "hex": "#8a959b"
        },
        "$description": "Tertiary text: 6.1:1 on bg, 4.8:1 on surface-muted."
      },
      "border-subtle": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.149, 0.1922, 0.2275],
          "hex": "#26313a"
        },
        "$description": "Dividers inside a surface. Decorative."
      },
      "border": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2039, 0.2588, 0.2902],
          "hex": "#34424a"
        },
        "$description": "Hairline edge of cards, panels and sections (decorative)."
      },
      "border-strong": {
        "$value": "{color.steel}",
        "$description": "Control boundaries and hover edges: 4.3:1 on bg, 3.6:1 on surface-raised, 3.3:1 on surface-muted."
      },
      "border-inverse": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2627, 0.3255, 0.3608],
          "hex": "#43535c"
        },
        "$description": "Hairlines on Carbon panels."
      },
      "border-inverse-subtle": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9529, 0.949, 0.9255],
          "alpha": 0.08,
          "hex": "#f3f2ec"
        },
        "$description": "Hairlines on the Carbon header, hero and footer."
      },
      "text-inverse": {
        "$value": "{color.mineral}",
        "$description": "Text on Carbon fields."
      },
      "muted-inverse": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.6549, 0.698, 0.7216],
          "hex": "#a7b2b8"
        },
        "$description": "Secondary text on Carbon fields."
      },
      "subtle-inverse": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5412, 0.5843, 0.6078],
          "hex": "#8a959b"
        },
        "$description": "Tertiary text on Carbon fields."
      },
      "action": {
        "$value": "{color.run-coral}",
        "$description": "Primary action fill. One per view."
      },
      "action-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.4157, 0.298],
          "hex": "#ff6a4c"
        },
        "$description": "Primary action fill on hover."
      },
      "action-ink": {
        "$value": "{color.carbon}",
        "$description": "Text on action: 5.7:1."
      },
      "link": {
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.5176, 0.4235],
          "hex": "#ff846c"
        },
        "$description": "Run Coral as text on the dark field: 7.9:1 on bg, 6.1:1 on surface-muted."
      },
      "ready": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.8235, 0.9608, 0.5412],
          "hex": "#d2f58a"
        },
        "$description": "Verified/ready text on the page field: 15.4:1. Always paired with a word."
      },
      "ready-bg": {
        "$value": "{color.ready-lime}",
        "$description": "Verified/ready chip fill."
      },
      "ready-ink": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1098, 0.1647, 0.0235],
          "hex": "#1c2a06"
        },
        "$description": "Text on ready-bg: 11.8:1."
      },
      "danger": {
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.5451, 0.5451],
          "hex": "#ff8b8b"
        },
        "$description": "Failure text: 6.7:1 on danger-bg, 8.3:1 on bg (was #b42318 at 2.3:1). Cooler than link so failure never reads as a link."
      },
      "danger-bg": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2353, 0.1176, 0.1255],
          "hex": "#3c1e20"
        },
        "$description": "Failure notice fill."
      },
      "warning": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.949, 0.7176, 0.3725],
          "hex": "#f2b75f"
        },
        "$description": "Attention text: 7.7:1 on warning-bg, 10.5:1 on bg (was #8a5a00 at 2.3:1)."
      },
      "warning-bg": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2196, 0.1686, 0.0745],
          "hex": "#382b13"
        },
        "$description": "Attention notice fill."
      },
      "focus": {
        "$value": "{color.run-coral}",
        "$description": "Focus ring, 2px: 5.6:1 on bg, 4.4:1 on surface-muted."
      },
      "scrim": {
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0196, 0.0275, 0.0392],
          "alpha": 0.72,
          "hex": "#05070a"
        },
        "$description": "Backdrop behind dialogs and drawers. Solid tint, never a blur."
      },
      "vendor-nvidia": {
        "$value": { "colorSpace": "srgb", "components": [0.4627, 0.7255, 0], "hex": "#76b900" },
        "$description": "NVIDIA green, the mark in a GPU vendor tile only (owner, 2 October 2026). Never text or state. 6.1:1+ on every dark surface."
      },
      "vendor-amd": {
        "$value": { "colorSpace": "srgb", "components": [1, 0.3529, 0.3804], "hex": "#ff5a61" },
        "$description": "AMD red, lifted for a dark field; the mark in a GPU vendor tile only. 4.8:1+ on every dark surface."
      },
      "vendor-intel": {
        "$value": { "colorSpace": "srgb", "components": [0.2275, 0.6471, 0.9412], "hex": "#3aa5f0" },
        "$description": "Intel blue, lifted for a dark field; the mark in a GPU vendor tile only. 5.4:1+ on every dark surface."
      },
      "elevation-raised": {
        "$type": "shadow",
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9529, 0.949, 0.9255],
              "alpha": 0.06,
              "hex": "#f3f2ec"
            },
            "offsetX": { "value": 0, "unit": "px" },
            "offsetY": { "value": 1, "unit": "px" },
            "blur": { "value": 0, "unit": "px" },
            "spread": { "value": 0, "unit": "px" },
            "inset": true
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.0196, 0.0275, 0.0392],
              "alpha": 0.35,
              "hex": "#05070a"
            },
            "offsetX": { "value": 0, "unit": "px" },
            "offsetY": { "value": 1, "unit": "px" },
            "blur": { "value": 0, "unit": "px" },
            "spread": { "value": 0, "unit": "px" }
          }
        ],
        "$description": "The one elevation in dark mode: a Mineral top highlight plus a deep Carbon drop, on surface-raised only."
      }
    }
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "ui": {
        "$value": [
          "Space Grotesk",
          "Space Grotesk Fallback",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "$description": "Space Grotesk Variable (OFL): headlines, UI and body. \"Space Grotesk Fallback\" is a metric-matched local face (apps/web/app/globals.css) so the font swap shifts nothing."
      },
      "mono": {
        "$value": [
          "IBM Plex Mono",
          "IBM Plex Mono Fallback",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "$description": "IBM Plex Mono Regular (OFL): prices, IDs, timestamps, versions and state labels, with tabular figures."
      }
    },
    "weight": {
      "$type": "fontWeight",
      "body": {
        "$value": 480,
        "$description": "Running text (brand range 450-520)."
      },
      "emphasis": {
        "$value": 520,
        "$description": "Emphasis inside running text."
      },
      "wordmark": {
        "$value": 570,
        "$description": "The wordmark: Ample at 570, Run at display (650). Used by the OG images, email and the outlined artwork."
      },
      "ui": {
        "$value": 580,
        "$description": "Buttons and control labels."
      },
      "headline": {
        "$value": 620,
        "$description": "Section headings (brand range 620-650)."
      },
      "display": {
        "$value": 650,
        "$description": "Page titles and the wordmark's Run."
      },
      "mono": {
        "$value": 400,
        "$description": "The only bundled Plex Mono weight."
      }
    },
    "size": {
      "$type": "dimension",
      "$description": "Type scale on a 16px root. Display sizes clamp between two steps (for example h1 from 4xl to 6xl).",
      "xs": {
        "$value": {
          "value": 0.75,
          "unit": "rem"
        },
        "$description": "12px: mono labels."
      },
      "data": {
        "$value": {
          "value": 0.8125,
          "unit": "rem"
        },
        "$description": "13px: dense data rows, column headers and data labels. Never body text."
      },
      "sm": {
        "$value": {
          "value": 0.875,
          "unit": "rem"
        },
        "$description": "14px: secondary UI text."
      },
      "md": {
        "$value": {
          "value": 1,
          "unit": "rem"
        },
        "$description": "16px: body."
      },
      "lg": {
        "$value": {
          "value": 1.125,
          "unit": "rem"
        },
        "$description": "18px: lede."
      },
      "xl": {
        "$value": {
          "value": 1.25,
          "unit": "rem"
        },
        "$description": "20px: card titles."
      },
      "2xl": {
        "$value": {
          "value": 1.5,
          "unit": "rem"
        },
        "$description": "24px"
      },
      "3xl": {
        "$value": {
          "value": 2,
          "unit": "rem"
        },
        "$description": "32px"
      },
      "4xl": {
        "$value": {
          "value": 2.5,
          "unit": "rem"
        },
        "$description": "40px: h2 max, h1 min."
      },
      "5xl": {
        "$value": {
          "value": 2.75,
          "unit": "rem"
        },
        "$description": "44px. Tightened 28 October 2026 so display type stays serious."
      },
      "6xl": {
        "$value": {
          "value": 3.25,
          "unit": "rem"
        },
        "$description": "52px: h1 max. Was 72px."
      }
    },
    "line-height": {
      "$type": "number",
      "tight": {
        "$value": 1.08,
        "$description": "Headings."
      },
      "body": {
        "$value": 1.55,
        "$description": "Running text."
      },
      "relaxed": {
        "$value": 1.6,
        "$description": "Ledes and long reading."
      }
    },
    "tracking": {
      "$type": "number",
      "$description": "Letter-spacing in em.",
      "$extensions": {
        "com.amplerun.css": {
          "unit": "em"
        }
      },
      "display": {
        "$value": -0.03,
        "$description": "h1 and display."
      },
      "headline": {
        "$value": -0.02,
        "$description": "h2-h4."
      },
      "label": {
        "$value": 0.06,
        "$description": "Uppercase mono labels."
      }
    }
  },
  "space": {
    "0-5": {
      "$value": {
        "value": 4,
        "unit": "px"
      },
      "$description": "Half step: the gap inside a control, between a label and its value."
    },
    "1-5": {
      "$value": {
        "value": 12,
        "unit": "px"
      },
      "$description": "Half step: compact padding inside chips, dense rows and popover items."
    },
    "1": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "2": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "3": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "4": {
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "6": {
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "8": {
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "12": {
      "$value": {
        "value": 96,
        "unit": "px"
      }
    },
    "16": {
      "$value": {
        "value": 128,
        "unit": "px"
      }
    },
    "$type": "dimension",
    "$description": "8px grid. Core sequence 8, 16, 24, 32, 48, 64, 96, with two half steps (4, 12) for the inside of controls and dense rows."
  },
  "radius": {
    "$type": "dimension",
    "$description": "Flat radii (founder, 28 October 2026; was 16/12/8/pill): 4px cards, 2px inner and controls. The pill token stays so existing classes resolve, and it is no longer a capsule.",
    "card": {
      "$value": {
        "value": 4,
        "unit": "px"
      },
      "$description": "Cards, offer cards, panels, dialogs and drawers."
    },
    "inner": {
      "$value": {
        "value": 2,
        "unit": "px"
      },
      "$description": "Grouped surfaces (tables, notices, stats, quote panels, code) and anything nested in a card."
    },
    "control": {
      "$value": {
        "value": 2,
        "unit": "px"
      },
      "$description": "Inputs, selects, text areas, selectable tiles and dense list rows."
    },
    "pill": {
      "$value": {
        "value": 2,
        "unit": "px"
      },
      "$description": "Buttons, chips, badges, tabs and toggles. Same small radius as controls: not a capsule."
    }
  },
  "motion": {
    "duration": {
      "$type": "duration",
      "$description": "B + motion: motion answers an action (hover, press, a dialog opening, a deploy changing state) or reports something live (a wait in progress, a live figure). An entrance runs once. Nothing decorative loops. Under prefers-reduced-motion: reduce every duration becomes 0.01ms (dist/tokens.css applies it), so never rely on animation to convey state.",
      "$extensions": {
        "com.amplerun.css": {
          "reducedMotion": {
            "value": 0.01,
            "unit": "ms"
          }
        }
      },
      "fast": {
        "$value": {
          "value": 150,
          "unit": "ms"
        },
        "$description": "Hover: colour and edge changes."
      },
      "base": {
        "$value": {
          "value": 200,
          "unit": "ms"
        },
        "$description": "Press and toggle."
      },
      "slow": {
        "$value": {
          "value": 300,
          "unit": "ms"
        },
        "$description": "Dialogs and drawers entering."
      },
      "state": {
        "$value": {
          "value": 400,
          "unit": "ms"
        },
        "$description": "A view transition: a deploy moving from Starting to Running, or one page replacing another."
      },
      "reveal": {
        "$value": {
          "value": 600,
          "unit": "ms"
        },
        "$description": "An entrance that runs once: the hero's plan lines, a section reached by scrolling."
      },
      "pulse": {
        "$value": {
          "value": 2000,
          "unit": "ms"
        },
        "$description": "One cycle of a live indicator. It loops only while the thing it marks is live."
      }
    },
    "easing": {
      "$type": "cubicBezier",
      "standard": {
        "$value": [0.22, 1, 0.36, 1],
        "$description": "Default ease-out for every transition."
      },
      "overshoot": {
        "$value": [0.34, 1.56, 0.64, 1],
        "$description": "Small overshoot for a confirming press. Use rarely."
      },
      "emphasized": {
        "$value": [0.2, 0, 0, 1],
        "$description": "Entrances and state changes: a quick start that settles."
      }
    }
  },
  "effect": {
    "$description": "Named effect slots kept so existing CSS variables resolve. As of 28 October 2026 every stop and glow is fully transparent: no decorative gradient, glow, dot grid or sheen paints.",
    "glow": {
      "$type": "shadow",
      "action": {
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "offsetX": { "value": 0, "unit": "px" },
            "offsetY": { "value": 0, "unit": "px" },
            "blur": { "value": 0, "unit": "px" },
            "spread": { "value": 0, "unit": "px" }
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "offsetX": { "value": 0, "unit": "px" },
            "offsetY": { "value": 10, "unit": "px" },
            "blur": { "value": 0, "unit": "px" },
            "spread": { "value": 0, "unit": "px" }
          }
        ],
        "$description": "The primary action answering hover or keyboard focus: a Run Coral halo. Only on .btn-primary, never at rest."
      },
      "live": {
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.7882, 0.949, 0.3569],
              "alpha": 0,
              "hex": "#c9f25b"
            },
            "offsetX": { "value": 0, "unit": "px" },
            "offsetY": { "value": 0, "unit": "px" },
            "blur": { "value": 0, "unit": "px" },
            "spread": { "value": 0, "unit": "px" }
          }
        ],
        "$description": "Owner, 2 October 2026: a soft Ready Lime halo on the dot of a live status (Online, Rented), always next to its word. Static; the ring that pulses is ar-pulse, off under reduced motion."
      }
    },
    "gradient": {
      "$type": "gradient",
      "grid": {
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.4353, 0.4784, 0.502],
              "alpha": 0,
              "hex": "#6f7a80"
            },
            "position": 0
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.4353, 0.4784, 0.502],
              "alpha": 0,
              "hex": "#6f7a80"
            },
            "position": 0.66
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.4353, 0.4784, 0.502],
              "alpha": 0,
              "hex": "#6f7a80"
            },
            "position": 0.7
          }
        ],
        "$extensions": { "com.amplerun.css": { "gradient": "radial-gradient", "shape": "circle 1.5px at 1.5px 1.5px" } },
        "$description": "Owner, 15 October 2026: a static Steel dot field on Carbon surfaces (home hero, the earnings calculator, the brand plates), one hard 1px dot per cell of the Capacity R construction grid. Tiled with background-size: var(--ar-grid-cell) var(--ar-grid-cell) (24px at 1440, 16px at 375). Never animated, never under body text that needs it for contrast, never on light fields."
      },
      "field": {
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "position": 0
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "position": 0.7
          }
        ],
        "$extensions": { "com.amplerun.css": { "gradient": "radial-gradient", "shape": "70% 60% at 85% 0%" } },
        "$description": "A low Run Coral light at the top of the hero's Carbon field. Decorative, static, behind no body text that needs it for contrast."
      },
      "sheen": {
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "position": 0
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "position": 0.5
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "position": 1
          }
        ],
        "$extensions": { "com.amplerun.css": { "gradient": "linear-gradient", "shape": "90deg" } },
        "$description": "The moving highlight in an indeterminate wait bar, for a deploy that is starting. It moves only while something real is in progress."
      },
      "card-light": {
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "position": 0
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [0.9412, 0.3529, 0.2353],
              "alpha": 0,
              "hex": "#f05a3c"
            },
            "position": 1
          }
        ],
        "$extensions": { "com.amplerun.css": { "gradient": "radial-gradient", "shape": "circle 220px at var(--sheen-x, 50%) var(--sheen-y, 0%)" } },
        "$description": "Owner request, 30 September 2026: a faint Run Coral light that follows the pointer on a deployable app card while it is hovered. It answers the pointer, never shows at rest, is off under reduced motion, and sits under the text (contrast is measured without it)."
      }
    }
  }
}