{
  "$description": "Design tokens for the Atelier 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": "#f0f1ee",
      "$dark": "#0e1115",
      "$description": "porcelain: cool, never cream"
    },
    "paper": {
      "$type": "color",
      "$value": "#f8f8f6",
      "$dark": "#151920",
      "$description": "raised plates, open FAQ, menu"
    },
    "stone": {
      "$type": "color",
      "$value": "#e2e1dc",
      "$dark": "#1b2028",
      "$description": "warm stone grounds behind sample boards"
    },
    "ink": {
      "$type": "color",
      "$value": "#15181d",
      "$dark": "#eceae4",
      "$description": "deep ink: headlines, primary button"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#3d4149",
      "$dark": "#c5c3bc",
      "$description": "body copy"
    },
    "muted": {
      "$type": "color",
      "$value": "#5c6068",
      "$dark": "#9b9a94",
      "$description": "captions, labels; AA on --bg and --stone"
    },
    "rule": {
      "$type": "color",
      "$value": "#cacbc6",
      "$dark": "#2a2f37",
      "$description": "hairlines"
    },
    "rule-2": {
      "$type": "color",
      "$value": "#9fa19b",
      "$dark": "#464c55",
      "$description": "stronger hairlines: hover, active, table heads"
    },
    "accent": {
      "$type": "color",
      "$value": "#1e4a3a",
      "$dark": "#c8a66a",
      "$description": "bottle green: the italic word, numerals, links"
    },
    "accent-2": {
      "$type": "color",
      "$value": "#2c6650",
      "$dark": "#e0c48c",
      "$description": "hover"
    },
    "accent-soft": {
      "$type": "color",
      "$value": "#dce4de",
      "$dark": "#2a251b",
      "$description": "selection, quiet fills"
    },
    "on-accent": {
      "$type": "color",
      "$value": "#f3f3ef",
      "$dark": "#121417"
    },
    "velvet": {
      "$type": "color",
      "$value": "#1e4a3a",
      "$dark": "#183a2e",
      "$description": "the cloth panel; stays deep in both modes so ivory reads on it"
    },
    "brass": {
      "$type": "color",
      "$value": "#a6834b",
      "$description": "solid brass; large or decorative only on light (3.1:1)"
    },
    "metal": {
      "$type": "gradient",
      "$value": "linear-gradient(100deg, #7a5c30 0%, #c9a96b 26%, #f0dca8 44%, #b38d52 62%, #7f6134 80%, #c9a96b 100%)"
    },
    "marble": {
      "$type": "color",
      "$value": "#ebe8e2",
      "$dark": "#17191c",
      "$description": "Calacatta ground"
    },
    "vein": {
      "$type": "color",
      "$value": "#6e6a64",
      "$dark": "#cfcac0",
      "$description": "marble veining"
    },
    "travertine": {
      "$type": "color",
      "$value": "#d8cbb6",
      "$dark": "#3a342b"
    },
    "oak": {
      "$type": "color",
      "$value": "#b28f66",
      "$dark": "#4a3a2a"
    },
    "linen": {
      "$type": "color",
      "$value": "#dcd6cb",
      "$dark": "#2b2a27"
    },
    "plaster": {
      "$type": "color",
      "$value": "#e4e1da",
      "$dark": "#23262b",
      "$description": "limewash walls"
    },
    "evening": {
      "$type": "color",
      "$value": "#101318",
      "$dark": "#08090c"
    },
    "evening-ink": {
      "$type": "color",
      "$value": "#edebe5"
    },
    "evening-muted": {
      "$type": "color",
      "$value": "#a7a59e",
      "$description": "7.5:1 on --evening"
    }
  },
  "shadow": {
    "shadow-plate": {
      "$type": "shadow",
      "$value": "0 50px 90px -60px rgba(21, 24, 29, 0.55), 0 18px 40px -30px rgba(21, 24, 29, 0.25)",
      "$dark": "0 50px 90px -50px rgba(0, 0, 0, 0.85)"
    },
    "shadow-lift": {
      "$type": "shadow",
      "$value": "0 30px 60px -36px rgba(21, 24, 29, 0.5)",
      "$dark": "0 30px 60px -30px rgba(0, 0, 0, 0.8)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Bodoni Moda\", \"Didot\", \"Bodoni 72\", \"Times New Roman\", serif"
    },
    "ui": {
      "$type": "fontFamily",
      "$value": "\"Hanken Grotesk\", \"Helvetica Neue\", Arial, system-ui, sans-serif"
    },
    "fs-display": {
      "$type": "fontFamily",
      "$value": "clamp(46px, 11.4vw, 178px)",
      "$description": "hero, weight 400, opsz 96"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(40px, 6.2vw, 98px)"
    },
    "fs-close": {
      "$type": "fontFamily",
      "$value": "clamp(48px, 9vw, 150px)",
      "$description": "the closing headline"
    },
    "fs-numeral": {
      "$type": "fontFamily",
      "$value": "clamp(76px, 12vw, 196px)",
      "$description": "chapter numerals"
    },
    "fs-h3": {
      "$type": "fontFamily",
      "$value": "clamp(24px, 2.3vw, 34px)"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(17px, 1.3vw, 19.5px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "15.5px"
    },
    "fs-caption": {
      "$type": "dimension",
      "$value": "13.5px",
      "$description": "small caps captions"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "11px",
      "$description": "tracked uppercase labels"
    }
  },
  "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": "40px"
    },
    "s-7": {
      "$type": "dimension",
      "$value": "64px"
    },
    "s-8": {
      "$type": "dimension",
      "$value": "96px"
    },
    "s-9": {
      "$type": "dimension",
      "$value": "160px"
    },
    "s-10": {
      "$type": "dimension",
      "$value": "220px"
    },
    "wrap": {
      "$type": "dimension",
      "$value": "1320px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "clamp(20px, 4.2vw, 60px)"
    },
    "content": {
      "$type": "dimension",
      "$value": "34ch",
      "$description": "lead paragraphs stay short"
    }
  },
  "radius": {
    "r-none": {
      "$type": "dimension",
      "$value": "0px",
      "$description": "panels, plates, buttons: square"
    },
    "r-hair": {
      "$type": "dimension",
      "$value": "2px",
      "$description": "swatches, focus"
    },
    "r-round": {
      "$type": "dimension",
      "$value": "999px",
      "$description": "the circular CTA, cursor ring, switches"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.16, 1, 0.3, 1)"
    },
    "d-curtain": {
      "$type": "duration",
      "$value": "1.35s",
      "$description": "headline lines rise out of their masks"
    },
    "d-settle": {
      "$type": "duration",
      "$value": "1.8s",
      "$description": "panels unveil and settle from 1.12 scale"
    },
    "d-hover": {
      "$type": "duration",
      "$value": "0.7s",
      "$description": "button fills, rule draws"
    },
    "stagger": {
      "$type": "duration",
      "$value": "120ms"
    }
  }
}