{
  "$schema": "https://design-tokens.org/schema.json",
  "$description": "Once design tokens — the single source of truth for the design system and for this site's own styling. Values marked PLACEHOLDER are brand-neutral stand-ins awaiting the real Once brand. Replacing them here restyles the entire site.",
  "$meta": {
    "note": "Once Sans and the brand palette are real. The accent ramp and the neutral ramp are still stand-ins."
  },
  "color": {
    "palette": {
      "$description": "Raw values. Never referenced directly by components — always go through color.semantic.",
      "brand": {
        "$description": "Supplied Once brand colours.",
        "green": {
          "$type": "color",
          "$value": "#154b37"
        },
        "black": {
          "$type": "color",
          "$value": "#000000"
        },
        "white": {
          "$type": "color",
          "$value": "#ffffff"
        },
        "light-grey": {
          "$type": "color",
          "$value": "#e7e6ea"
        },
        "dark-grey": {
          "$type": "color",
          "$value": "#6e6e73"
        },
        "paper": {
          "$type": "color",
          "$value": "#f3f0e7"
        }
      },
      "neutral": {
        "0": {
          "$type": "color",
          "$value": "#ffffff"
        },
        "25": {
          "$type": "color",
          "$value": "#fbfaf9"
        },
        "50": {
          "$type": "color",
          "$value": "#f6f5f2"
        },
        "100": {
          "$type": "color",
          "$value": "#edebe7"
        },
        "200": {
          "$type": "color",
          "$value": "#e0ddd7"
        },
        "300": {
          "$type": "color",
          "$value": "#cbc7bf"
        },
        "400": {
          "$type": "color",
          "$value": "#a9a49a"
        },
        "500": {
          "$type": "color",
          "$value": "#868177"
        },
        "600": {
          "$type": "color",
          "$value": "#6b665e"
        },
        "700": {
          "$type": "color",
          "$value": "#524e48"
        },
        "800": {
          "$type": "color",
          "$value": "#3a3733"
        },
        "900": {
          "$type": "color",
          "$value": "#272522"
        },
        "950": {
          "$type": "color",
          "$value": "#1a1917"
        },
        "1000": {
          "$type": "color",
          "$value": "#101010"
        }
      },
      "accent": {
        "$description": "PLACEHOLDER — warm graphite standing in for the Once brand color.",
        "50": {
          "$type": "color",
          "$value": "#f4f3f0"
        },
        "100": {
          "$type": "color",
          "$value": "#e6e4df"
        },
        "200": {
          "$type": "color",
          "$value": "#c9c5bd"
        },
        "300": {
          "$type": "color",
          "$value": "#9d9890"
        },
        "400": {
          "$type": "color",
          "$value": "#6e6a63"
        },
        "500": {
          "$type": "color",
          "$value": "#4a4741"
        },
        "600": {
          "$type": "color",
          "$value": "#37342f"
        },
        "700": {
          "$type": "color",
          "$value": "#292622"
        },
        "800": {
          "$type": "color",
          "$value": "#1c1a17"
        },
        "900": {
          "$type": "color",
          "$value": "#121110"
        }
      },
      "success": {
        "$type": "color",
        "$value": "#3f7d58"
      },
      "warning": {
        "$type": "color",
        "$value": "#a87b2c"
      },
      "danger": {
        "$type": "color",
        "$value": "#a5442f"
      },
      "info": {
        "$type": "color",
        "$value": "#3d6480"
      }
    },
    "semantic": {
      "$description": "Roles. These are what the site and product actually use. Each has a light and dark value.",
      "surface": {
        "page": {
          "$type": "color",
          "$light": "{color.palette.neutral.25}",
          "$dark": "{color.palette.neutral.1000}"
        },
        "raised": {
          "$type": "color",
          "$light": "{color.palette.neutral.0}",
          "$dark": "{color.palette.neutral.950}"
        },
        "sunken": {
          "$type": "color",
          "$light": "{color.palette.neutral.50}",
          "$dark": "{color.palette.neutral.950}"
        },
        "hover": {
          "$type": "color",
          "$light": "{color.palette.neutral.100}",
          "$dark": "{color.palette.neutral.900}"
        },
        "inverse": {
          "$type": "color",
          "$light": "{color.palette.neutral.1000}",
          "$dark": "{color.palette.neutral.0}"
        },
        "canvas": {
          "$type": "color",
          "$light": "{color.palette.neutral.50}",
          "$dark": "{color.palette.neutral.1000}"
        },
        "onCanvas": {
          "$type": "color",
          "$light": "{color.palette.neutral.0}",
          "$dark": "{color.palette.neutral.950}"
        },
        "tileLight": {
          "$type": "color",
          "$light": "{color.palette.neutral.0}",
          "$dark": "{color.palette.neutral.25}"
        },
        "tileDark": {
          "$type": "color",
          "$light": "{color.palette.neutral.950}",
          "$dark": "{color.palette.neutral.950}"
        },
        "tileMuted": {
          "$type": "color",
          "$light": "{color.palette.neutral.100}",
          "$dark": "{color.palette.neutral.100}"
        },
        "showcase": {
          "$type": "color",
          "$light": "{color.palette.brand.light-grey}",
          "$dark": "{color.palette.brand.light-grey}"
        }
      },
      "ink": {
        "primary": {
          "$type": "color",
          "$light": "{color.palette.neutral.1000}",
          "$dark": "{color.palette.neutral.25}"
        },
        "secondary": {
          "$type": "color",
          "$light": "{color.palette.neutral.700}",
          "$dark": "{color.palette.neutral.300}"
        },
        "tertiary": {
          "$type": "color",
          "$light": "{color.palette.neutral.500}",
          "$dark": "{color.palette.neutral.400}"
        },
        "inverse": {
          "$type": "color",
          "$light": "{color.palette.neutral.0}",
          "$dark": "{color.palette.neutral.1000}"
        },
        "accent": {
          "$type": "color",
          "$light": "{color.palette.accent.600}",
          "$dark": "{color.palette.accent.100}"
        },
        "onCanvas": {
          "$type": "color",
          "$light": "{color.palette.neutral.1000}",
          "$dark": "{color.palette.neutral.25}"
        },
        "onCanvasMuted": {
          "$type": "color",
          "$light": "{color.palette.neutral.600}",
          "$dark": "{color.palette.neutral.400}"
        },
        "onTile": {
          "$type": "color",
          "$light": "{color.palette.neutral.1000}",
          "$dark": "{color.palette.neutral.1000}"
        },
        "onTileDark": {
          "$type": "color",
          "$light": "{color.palette.neutral.25}",
          "$dark": "{color.palette.neutral.25}"
        },
        "onTileMuted": {
          "$type": "color",
          "$light": "{color.palette.neutral.600}",
          "$dark": "{color.palette.neutral.600}"
        }
      },
      "border": {
        "subtle": {
          "$type": "color",
          "$light": "{color.palette.neutral.100}",
          "$dark": "{color.palette.neutral.900}"
        },
        "default": {
          "$type": "color",
          "$light": "{color.palette.neutral.200}",
          "$dark": "{color.palette.neutral.800}"
        },
        "strong": {
          "$type": "color",
          "$light": "{color.palette.neutral.400}",
          "$dark": "{color.palette.neutral.600}"
        },
        "focus": {
          "$type": "color",
          "$light": "{color.palette.accent.600}",
          "$dark": "{color.palette.accent.200}"
        },
        "onCanvas": {
          "$type": "color",
          "$light": "{color.palette.neutral.800}",
          "$dark": "{color.palette.neutral.800}"
        },
        "onTile": {
          "$type": "color",
          "$light": "{color.palette.neutral.200}",
          "$dark": "{color.palette.neutral.200}"
        }
      },
      "accent": {
        "default": {
          "$type": "color",
          "$light": "{color.palette.accent.600}",
          "$dark": "{color.palette.accent.100}"
        },
        "hover": {
          "$type": "color",
          "$light": "{color.palette.accent.700}",
          "$dark": "{color.palette.accent.200}"
        },
        "subtle": {
          "$type": "color",
          "$light": "{color.palette.accent.50}",
          "$dark": "{color.palette.accent.800}"
        },
        "onAccent": {
          "$type": "color",
          "$light": "{color.palette.neutral.0}",
          "$dark": "{color.palette.neutral.1000}"
        }
      },
      "state": {
        "success": {
          "$type": "color",
          "$light": "{color.palette.success}",
          "$dark": "{color.palette.success}"
        },
        "warning": {
          "$type": "color",
          "$light": "{color.palette.warning}",
          "$dark": "{color.palette.warning}"
        },
        "danger": {
          "$type": "color",
          "$light": "{color.palette.danger}",
          "$dark": "{color.palette.danger}"
        },
        "info": {
          "$type": "color",
          "$light": "{color.palette.info}",
          "$dark": "{color.palette.info}"
        }
      }
    }
  },
  "font": {
    "family": {
      "$description": "Once Sans is the only typeface. Swapped in app/fonts.ts.",
      "sans": {
        "$type": "fontFamily",
        "$value": "var(--font-face-sans), system-ui, -apple-system, 'Segoe UI', sans-serif"
      }
    },
    "weight": {
      "regular": {
        "$type": "fontWeight",
        "$value": "400"
      },
      "medium": {
        "$type": "fontWeight",
        "$value": "500"
      },
      "semibold": {
        "$type": "fontWeight",
        "$value": "600"
      },
      "bold": {
        "$type": "fontWeight",
        "$value": "700"
      }
    }
  },
  "text": {
    "$description": "Composite type styles. The Typography page renders this group directly.",
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "clamp(2.75rem, 5.3vw, 4.75rem)",
        "lineHeight": "1",
        "fontWeight": "{font.weight.semibold}",
        "letterSpacing": "-0.025em"
      }
    },
    "display-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "clamp(2.25rem, 4vw, 3.25rem)",
        "lineHeight": "1",
        "fontWeight": "{font.weight.semibold}",
        "letterSpacing": "-0.025em"
      }
    },
    "display-m": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "clamp(1.875rem, 2.9vw, 2.625rem)",
        "lineHeight": "1",
        "fontWeight": "{font.weight.semibold}",
        "letterSpacing": "-0.025em"
      }
    },
    "heading-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1.5rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.semibold}",
        "letterSpacing": "-0.025em"
      }
    },
    "heading-m": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1.3125rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.semibold}",
        "letterSpacing": "0"
      }
    },
    "heading-s": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.semibold}",
        "letterSpacing": "0"
      }
    },
    "body-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1.3125rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": "0"
      }
    },
    "body-m": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": "0"
      }
    },
    "body-s": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "0.875rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": "0"
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.medium}",
        "letterSpacing": "0"
      }
    },
    "overline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "0.6875rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.medium}",
        "letterSpacing": "0"
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "0.8125rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": "0"
      }
    },
    "code": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "0.8125rem",
        "lineHeight": "1.25",
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": "0"
      }
    }
  },
  "space": {
    "0": {
      "$type": "dimension",
      "$value": "0"
    },
    "1": {
      "$type": "dimension",
      "$value": "0.25rem"
    },
    "2": {
      "$type": "dimension",
      "$value": "0.5rem"
    },
    "3": {
      "$type": "dimension",
      "$value": "0.75rem"
    },
    "4": {
      "$type": "dimension",
      "$value": "1rem"
    },
    "5": {
      "$type": "dimension",
      "$value": "1.5rem"
    },
    "6": {
      "$type": "dimension",
      "$value": "2rem"
    },
    "7": {
      "$type": "dimension",
      "$value": "2.5rem"
    },
    "8": {
      "$type": "dimension",
      "$value": "3rem"
    },
    "9": {
      "$type": "dimension",
      "$value": "4rem"
    },
    "10": {
      "$type": "dimension",
      "$value": "5rem"
    },
    "11": {
      "$type": "dimension",
      "$value": "6rem"
    },
    "12": {
      "$type": "dimension",
      "$value": "8rem"
    }
  },
  "radius": {
    "none": {
      "$type": "dimension",
      "$value": "0"
    },
    "sm": {
      "$type": "dimension",
      "$value": "0.25rem"
    },
    "md": {
      "$type": "dimension",
      "$value": "0.5rem"
    },
    "lg": {
      "$type": "dimension",
      "$value": "0.875rem"
    },
    "xl": {
      "$type": "dimension",
      "$value": "1.25rem"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "motion": {
    "duration": {
      "instant": {
        "$type": "duration",
        "$value": "80ms"
      },
      "fast": {
        "$type": "duration",
        "$value": "160ms"
      },
      "base": {
        "$type": "duration",
        "$value": "240ms"
      },
      "slow": {
        "$type": "duration",
        "$value": "400ms"
      }
    },
    "easing": {
      "standard": {
        "$type": "cubicBezier",
        "$value": "cubic-bezier(0.2, 0, 0, 1)"
      },
      "enter": {
        "$type": "cubicBezier",
        "$value": "cubic-bezier(0, 0, 0, 1)"
      },
      "exit": {
        "$type": "cubicBezier",
        "$value": "cubic-bezier(0.3, 0, 1, 1)"
      }
    }
  },
  "layout": {
    "columnGap": {
      "$type": "dimension",
      "$value": "1.25rem"
    },
    "pagePad": {
      "$type": "dimension",
      "$value": "2.5rem"
    },
    "sidebarW": {
      "$type": "dimension",
      "$value": "18.75rem"
    },
    "headerH": {
      "$type": "dimension",
      "$value": "3.5rem"
    },
    "contentMax": {
      "$type": "dimension",
      "$value": "88rem"
    }
  }
}