{
  "$description": "Design tokens for the Lucent 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": "#f4f6f5",
      "$dark": "#0f1517"
    },
    "card": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#172022"
    },
    "well": {
      "$type": "color",
      "$value": "#eaefee",
      "$dark": "#131b1d"
    },
    "line": {
      "$type": "color",
      "$value": "#d6dfdd",
      "$dark": "#2a3739"
    },
    "frost": {
      "$type": "color",
      "$value": "rgba(255, 255, 255, 0.62)",
      "$dark": "rgba(23, 32, 34, 0.66)"
    },
    "ink": {
      "$type": "color",
      "$value": "#1b2425",
      "$dark": "#eaf1f0"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#3d4a4b",
      "$dark": "#c4d0cf"
    },
    "muted": {
      "$type": "color",
      "$value": "#586667",
      "$dark": "#97a7a7"
    },
    "mineral": {
      "$type": "color",
      "$value": "#2a6670",
      "$dark": "#8fd0d8"
    },
    "mineral-2": {
      "$type": "color",
      "$value": "#1f515a",
      "$dark": "#b2dfe5"
    },
    "on-mineral": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#07282d"
    },
    "mineral-soft": {
      "$type": "color",
      "$value": "#dcecee",
      "$dark": "#173539"
    },
    "caution": {
      "$type": "color",
      "$value": "#8a5a12",
      "$dark": "#f0c27a",
      "$description": "risk labels: an amber that reads"
    },
    "caution-soft": {
      "$type": "color",
      "$value": "#f6ead2",
      "$dark": "#3a2d17"
    },
    "layer-1": {
      "$type": "color",
      "$value": "#f1d0bf",
      "$dark": "#6b5248",
      "$description": "outer layer"
    },
    "layer-2": {
      "$type": "color",
      "$value": "#e2a993",
      "$dark": "#7d5548",
      "$description": "middle layer"
    },
    "layer-3": {
      "$type": "color",
      "$value": "#efd8a8",
      "$dark": "#6e6044",
      "$description": "deep layer"
    },
    "layer-4": {
      "$type": "color",
      "$value": "#d3a497",
      "$dark": "#5a3f3a",
      "$description": "base"
    },
    "focus": {
      "$type": "color",
      "$value": "#2a6670",
      "$dark": "#8fd0d8"
    },
    "soft": {
      "$type": "color",
      "$value": "cubic-bezier(0.4, 0, 0.2, 1)"
    },
    "d": {
      "$type": "color",
      "$value": "360ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 0 rgba(27, 36, 37, 0.04), 0 18px 40px -26px rgba(27, 36, 37, 0.45)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 40px -24px rgba(0, 0, 0, 0.85)"
    },
    "shadow-lift": {
      "$type": "shadow",
      "$value": "0 34px 70px -32px rgba(27, 36, 37, 0.5)",
      "$dark": "0 34px 70px -30px rgba(0, 0, 0, 0.9)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Cormorant Garamond\", \"Iowan Old Style\", Georgia, serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Lexend\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(46px, 6.2vw, 92px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(34px, 4.1vw, 58px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "21px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(17.5px, 1.3vw, 20px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "16.5px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "14.5px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "11.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.7, 0.2, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "160ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "1200ms"
    }
  }
}
