{
  "$description": "Design tokens for the Vigil style. Generated from tokens.css by scripts/sync-tokens.mjs; edit tokens.css, not this file.",
  "modes": {
    "default": "light",
    "alternate": "dark"
  },
  "color": {
    "paper": {
      "$type": "color",
      "$value": "#f2f4f8",
      "$dark": "#0b1222"
    },
    "card": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#121b30"
    },
    "well": {
      "$type": "color",
      "$value": "#e8ecf3",
      "$dark": "#0f172a"
    },
    "line": {
      "$type": "color",
      "$value": "#d3d9e4",
      "$dark": "#26314c"
    },
    "ink": {
      "$type": "color",
      "$value": "#121a2e",
      "$dark": "#eef2fa"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#33405a",
      "$dark": "#c4ccdd"
    },
    "muted": {
      "$type": "color",
      "$value": "#5a6580",
      "$dark": "#919cb5"
    },
    "lamp": {
      "$type": "color",
      "$value": "#a34e00",
      "$dark": "#ffb35c"
    },
    "lamp-2": {
      "$type": "color",
      "$value": "#843e00",
      "$dark": "#ffc788"
    },
    "on-lamp": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#2a1400"
    },
    "lamp-soft": {
      "$type": "color",
      "$value": "#fbead8",
      "$dark": "#2c2114"
    },
    "glow": {
      "$type": "color",
      "$value": "#ffb35c"
    },
    "screen": {
      "$type": "color",
      "$value": "#2d55c8",
      "$dark": "#93b0ff"
    },
    "screen-soft": {
      "$type": "color",
      "$value": "#e2e9fb",
      "$dark": "#18244a"
    },
    "live": {
      "$type": "color",
      "$value": "#0d7f55",
      "$dark": "#4fd6a0"
    },
    "alert": {
      "$type": "color",
      "$value": "#b42318",
      "$dark": "#ff8a7a"
    },
    "focus": {
      "$type": "color",
      "$value": "#2d55c8",
      "$dark": "#93b0ff"
    },
    "night": {
      "$type": "color",
      "$value": "#0b1222"
    },
    "night-2": {
      "$type": "color",
      "$value": "#131d35"
    },
    "night-line": {
      "$type": "color",
      "$value": "#27324e"
    },
    "night-ink": {
      "$type": "color",
      "$value": "#eef2fa"
    },
    "night-muted": {
      "$type": "color",
      "$value": "#9aa5be"
    },
    "moon": {
      "$type": "color",
      "$value": "#ffb35c",
      "$description": "the lamp on night surfaces (dial, call, closing card), both modes"
    },
    "moon-2": {
      "$type": "color",
      "$value": "#ffc788",
      "$description": "lit figures on night: the next free time"
    },
    "moon-pale": {
      "$type": "color",
      "$value": "#ffe1b8",
      "$description": "the next free tick"
    },
    "on-moon": {
      "$type": "color",
      "$value": "#2a1400",
      "$description": "text on a moon button"
    },
    "soft": {
      "$type": "color",
      "$value": "cubic-bezier(0.45, 0, 0.25, 1)"
    },
    "d": {
      "$type": "color",
      "$value": "320ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 2px rgba(18, 26, 46, 0.05), 0 10px 28px -18px rgba(18, 26, 46, 0.35)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 28px -16px rgba(0, 0, 0, 0.8)"
    },
    "shadow-lift": {
      "$type": "shadow",
      "$value": "0 2px 4px rgba(18, 26, 46, 0.05), 0 30px 60px -30px rgba(18, 26, 46, 0.5)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 34px 60px -28px rgba(0, 0, 0, 0.9)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Outfit\", \"Avenir Next\", system-ui, sans-serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Atkinson Hyperlegible Next\", \"Atkinson Hyperlegible\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"Atkinson Hyperlegible Mono\", ui-monospace, \"SFMono-Regular\", Menlo, monospace"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(44px, 6.2vw, 88px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(32px, 3.9vw, 54px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "21px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(18px, 1.4vw, 21px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "17.5px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "15px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "12.5px"
    }
  },
  "space": {
    "wrap": {
      "$type": "dimension",
      "$value": "1200px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "max(20px, 4vw)"
    },
    "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": "40px"
    },
    "s-7": {
      "$type": "dimension",
      "$value": "64px"
    },
    "s-8": {
      "$type": "dimension",
      "$value": "104px"
    }
  },
  "radius": {
    "r-s": {
      "$type": "dimension",
      "$value": "10px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "18px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "28px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.22, 0.8, 0.3, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "160ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "800ms"
    }
  }
}