{
  "$description": "Design tokens for the Aurora style. Generated from tokens.css by scripts/sync-tokens.mjs; edit tokens.css, not this file.",
  "modes": {
    "default": "dark",
    "alternate": "light"
  },
  "color": {
    "void": {
      "$type": "color",
      "$value": "#000000",
      "$light": "#fbfaff",
      "$description": "page: true black, so the light field glows"
    },
    "ink": {
      "$type": "color",
      "$value": "#ffffff",
      "$light": "#0a0a12",
      "$description": "headings, primary text"
    },
    "ink-2": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.72)",
      "$light": "rgb(10 10 18 / 0.74)",
      "$description": "body copy"
    },
    "muted": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.56)",
      "$light": "rgb(10 10 18 / 0.58)",
      "$description": "secondary copy"
    },
    "faint": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.42)",
      "$light": "rgb(10 10 18 / 0.45)",
      "$description": "captions, meta"
    },
    "ghost": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.26)",
      "$light": "rgb(10 10 18 / 0.3)",
      "$description": "legal, disabled"
    },
    "glass": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.05)",
      "$light": "rgb(255 255 255 / 0.66)",
      "$description": "standard card"
    },
    "glass-2": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.08)",
      "$light": "rgb(255 255 255 / 0.82)",
      "$description": "featured / hover card"
    },
    "glass-dark": {
      "$type": "color",
      "$value": "rgb(0 0 0 / 0.32)",
      "$light": "rgb(10 10 18 / 0.04)",
      "$description": "quiet card: reads as a hole in the light"
    },
    "glass-deep": {
      "$type": "color",
      "$value": "rgb(0 0 0 / 0.55)",
      "$light": "rgb(10 10 18 / 0.07)",
      "$description": "classified / redacted card"
    },
    "line": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.10)",
      "$light": "rgb(10 10 18 / 0.10)",
      "$description": "card border"
    },
    "line-2": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.20)",
      "$light": "rgb(10 10 18 / 0.18)",
      "$description": "control border"
    },
    "line-3": {
      "$type": "color",
      "$value": "rgb(255 255 255 / 0.40)",
      "$light": "rgb(10 10 18 / 0.34)",
      "$description": "hover border"
    },
    "ice": {
      "$type": "color",
      "$value": "#a8c9f6"
    },
    "violet": {
      "$type": "color",
      "$value": "#b637db"
    },
    "magenta": {
      "$type": "color",
      "$value": "#e43dd1"
    },
    "lilac": {
      "$type": "color",
      "$value": "#e3a8ff",
      "$light": "#8a1fb0",
      "$description": "links and featured accents on black"
    },
    "orchid": {
      "$type": "color",
      "$value": "#d88cf0",
      "$light": "#a43fc9",
      "$description": "list markers"
    },
    "spectrum": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, var(--ice), var(--violet) 52%, var(--magenta))"
    },
    "spectrum-soft": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, color-mix(in srgb, var(--ice) 70%, transparent), color-mix(in srgb, var(--violet) 70%, transparent), color-mix(in srgb, var(--magenta) 70%, transparent))"
    },
    "cta": {
      "$type": "color",
      "$value": "#ffffff",
      "$light": "#0a0a12",
      "$description": "primary button: a white pill"
    },
    "cta-ink": {
      "$type": "color",
      "$value": "#000000",
      "$light": "#ffffff"
    },
    "cta-hover": {
      "$type": "color",
      "$value": "#e4e4e7",
      "$light": "#26263a"
    },
    "st-live": {
      "$type": "color",
      "$value": "#6ee7b7"
    },
    "st-open": {
      "$type": "color",
      "$value": "#7dd3fc"
    },
    "st-soon": {
      "$type": "color",
      "$value": "#fcd34d"
    },
    "st-dev": {
      "$type": "color",
      "$value": "#c4b5fd"
    }
  },
  "shadow": {
    "blur": {
      "$type": "dimension",
      "$value": "12px"
    }
  },
  "type": {
    "font": {
      "$type": "fontFamily",
      "$value": "\"Geist\", \"SF Pro Text\", \"Segoe UI\", system-ui, sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"Geist Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace"
    },
    "fs-hero": {
      "$type": "fontFamily",
      "$value": "clamp(3rem, 1.6rem + 6.2vw, 6rem)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(1.5rem, 1.2rem + 1vw, 1.875rem)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "1.125rem"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(1.0625rem, 1rem + 0.35vw, 1.25rem)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "0.9375rem"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "0.8125rem"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "0.625rem"
    }
  },
  "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": "64px"
    },
    "s-9": {
      "$type": "dimension",
      "$value": "96px"
    },
    "s-10": {
      "$type": "dimension",
      "$value": "128px"
    },
    "content": {
      "$type": "dimension",
      "$value": "1024px",
      "$description": "reading column: everything sits in it"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "clamp(24px, 4vw, 48px)"
    }
  },
  "radius": {
    "r-sm": {
      "$type": "dimension",
      "$value": "10px"
    },
    "r-md": {
      "$type": "dimension",
      "$value": "16px"
    },
    "r-lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
      "$description": "\"smooth\": fades and slides"
    },
    "spring": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.34, 1.36, 0.64, 1)",
      "$description": "stiff spring: pop-ins, buttons"
    },
    "spring-soft": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.22, 1.18, 0.36, 1)",
      "$description": "gentle spring: stagger items"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "0.2s"
    },
    "d-base": {
      "$type": "duration",
      "$value": "0.5s"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "0.6s"
    },
    "stagger": {
      "$type": "duration",
      "$value": "80ms"
    }
  }
}
