{
  "$description": "Design tokens for the Strata style. Generated from tokens.css by scripts/sync-tokens.mjs; edit tokens.css, not this file.",
  "modes": {
    "default": "light",
    "alternate": "dark"
  },
  "color": {
    "bg": {
      "$type": "color",
      "$value": "#f5f6fa",
      "$dark": "#080b15",
      "$description": "page"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#0f1326",
      "$description": "tiles, cards, frames"
    },
    "sunk": {
      "$type": "color",
      "$value": "#eef0f6",
      "$dark": "#0b0f1f",
      "$description": "wells inside tiles, columns, inputs"
    },
    "ink": {
      "$type": "color",
      "$value": "#0b1020",
      "$dark": "#eceef8"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#3a4157",
      "$dark": "#c2c7da"
    },
    "muted": {
      "$type": "color",
      "$value": "#646b82",
      "$dark": "#8b92ad",
      "$description": "source #6a7188, nudged darker to pass AA on --sunk"
    },
    "line": {
      "$type": "color",
      "$value": "#e3e6ef",
      "$dark": "#1c2240"
    },
    "line-2": {
      "$type": "color",
      "$value": "#d2d7e3",
      "$dark": "#2a3154"
    },
    "violet": {
      "$type": "color",
      "$value": "#6847ff"
    },
    "coral": {
      "$type": "color",
      "$value": "#ff5a3c"
    },
    "aqua": {
      "$type": "color",
      "$value": "#10c4b4"
    },
    "accent": {
      "$type": "color",
      "$value": "#5a3cf4",
      "$dark": "#9381ff",
      "$description": "links, focus, selected states"
    },
    "accent-soft": {
      "$type": "color",
      "$value": "#efebff",
      "$dark": "#1b1840"
    },
    "on-accent": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#0b0d1c"
    },
    "ok": {
      "$type": "color",
      "$value": "#109a6a",
      "$dark": "#39c98f"
    },
    "ok-soft": {
      "$type": "color",
      "$value": "#e3f6ee",
      "$dark": "#0f2a20"
    },
    "warn": {
      "$type": "color",
      "$value": "#d98e0b",
      "$dark": "#f0b24a"
    },
    "warn-soft": {
      "$type": "color",
      "$value": "#fcf1dc",
      "$dark": "#2e2410"
    },
    "bad": {
      "$type": "color",
      "$value": "#e0434a",
      "$dark": "#ff6b70"
    },
    "bad-soft": {
      "$type": "color",
      "$value": "#fde9ea",
      "$dark": "#321418"
    },
    "hero": {
      "$type": "color",
      "$value": "#090d1d",
      "$dark": "#060914"
    },
    "hero-ink": {
      "$type": "color",
      "$value": "#f1f2fa"
    },
    "hero-muted": {
      "$type": "color",
      "$value": "#a3a9c4"
    },
    "hero-lift": {
      "$type": "color",
      "$value": "#161c40",
      "$dark": "#121733",
      "$description": "the lit corner of the band's radial wash"
    },
    "term": {
      "$type": "color",
      "$value": "#070a16",
      "$description": "consoles and logs on the band"
    },
    "sheen": {
      "$type": "gradient",
      "$value": "linear-gradient(100deg, #b7a8ff, var(--coral) 45%, #ffc36b 70%, #b7a8ff)"
    },
    "sheen-light": {
      "$type": "gradient",
      "$value": "linear-gradient(100deg, var(--accent), var(--coral) 75%)"
    }
  },
  "shadow": {
    "shadow": {
      "$type": "shadow",
      "$value": "0 1px 2px rgba(11, 16, 32, 0.05), 0 6px 18px -8px rgba(11, 16, 32, 0.12)",
      "$dark": "0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px -10px rgba(0, 0, 0, 0.5)"
    },
    "shadow-lg": {
      "$type": "shadow",
      "$value": "0 24px 60px -18px rgba(11, 16, 32, 0.35), 0 2px 6px rgba(11, 16, 32, 0.06)",
      "$dark": "0 30px 70px -20px rgba(0, 0, 0, 0.7)"
    },
    "shadow-frame": {
      "$type": "shadow",
      "$value": "0 70px 120px -40px rgba(6, 9, 20, 0.7), 0 30px 70px -30px rgba(104, 71, 255, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.05)"
    }
  },
  "type": {
    "ui": {
      "$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"
    },
    "serif": {
      "$type": "fontFamily",
      "$value": "\"Instrument Serif\", \"Iowan Old Style\", Georgia, serif"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(46px, 7.6vw, 112px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(36px, 5.2vw, 66px)"
    },
    "fs-cta": {
      "$type": "fontFamily",
      "$value": "clamp(42px, 7vw, 100px)"
    },
    "fs-lead": {
      "$type": "dimension",
      "$value": "18px"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "15px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "13.5px"
    },
    "fs-key": {
      "$type": "dimension",
      "$value": "11.5px"
    }
  },
  "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": "116px"
    },
    "s-10": {
      "$type": "dimension",
      "$value": "160px"
    },
    "wrap": {
      "$type": "dimension",
      "$value": "1200px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "24px"
    }
  },
  "radius": {
    "r-chip": {
      "$type": "dimension",
      "$value": "999px"
    },
    "r-xs": {
      "$type": "dimension",
      "$value": "6px"
    },
    "r-sm": {
      "$type": "dimension",
      "$value": "10px"
    },
    "r-card": {
      "$type": "dimension",
      "$value": "11px"
    },
    "r-btn": {
      "$type": "dimension",
      "$value": "12px"
    },
    "r-md": {
      "$type": "dimension",
      "$value": "14px"
    },
    "r-vis": {
      "$type": "dimension",
      "$value": "16px"
    },
    "r-frame": {
      "$type": "dimension",
      "$value": "18px"
    },
    "r-panel": {
      "$type": "dimension",
      "$value": "20px"
    },
    "r-tile": {
      "$type": "dimension",
      "$value": "24px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.8, 0.2, 1)"
    },
    "spring": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.34, 1.4, 0.5, 1)"
    },
    "d-rise": {
      "$type": "duration",
      "$value": "0.95s",
      "$description": "scroll reveal: rise from blur"
    },
    "d-load": {
      "$type": "duration",
      "$value": "1s",
      "$description": "hero load stagger, 90ms apart"
    },
    "d-sheen": {
      "$type": "duration",
      "$value": "9s",
      "$description": "italic gradient drift"
    },
    "d-drift": {
      "$type": "duration",
      "$value": "18s",
      "$description": "background glows"
    }
  }
}