{
  "$description": "Design tokens for the Collar 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": "#faf6ef",
      "$dark": "#151119"
    },
    "card": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#201a27"
    },
    "well": {
      "$type": "color",
      "$value": "#f2ece1",
      "$dark": "#1a151f"
    },
    "line": {
      "$type": "color",
      "$value": "#e3d9c8",
      "$dark": "#352b3f"
    },
    "ink": {
      "$type": "color",
      "$value": "#221a2b",
      "$dark": "#f4eff8"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#43394d",
      "$dark": "#d9cfe3"
    },
    "muted": {
      "$type": "color",
      "$value": "#645a6c",
      "$dark": "#ab9fb8"
    },
    "plum": {
      "$type": "color",
      "$value": "#5b2a86",
      "$dark": "#cfaef0"
    },
    "plum-2": {
      "$type": "color",
      "$value": "#47206a",
      "$dark": "#e0c9f6"
    },
    "on-plum": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#26103a"
    },
    "plum-soft": {
      "$type": "color",
      "$value": "#eee4f6",
      "$dark": "#2e2240"
    },
    "ball": {
      "$type": "color",
      "$value": "#dcef5f",
      "$dark": "#c7dd4a"
    },
    "ball-2": {
      "$type": "color",
      "$value": "#a9c21c",
      "$dark": "#9cb52a"
    },
    "on-ball": {
      "$type": "color",
      "$value": "#221a2b",
      "$dark": "#1a1420"
    },
    "red": {
      "$type": "color",
      "$value": "#b3261e",
      "$dark": "#ff8f85"
    },
    "on-red": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#300806"
    },
    "red-soft": {
      "$type": "color",
      "$value": "#fbe2df",
      "$dark": "#3d1a18"
    },
    "focus": {
      "$type": "color",
      "$value": "#5b2a86",
      "$dark": "#cfaef0"
    },
    "brass": {
      "$type": "color",
      "$value": "#c99a3a",
      "$dark": "#d6ac52"
    },
    "brass-hi": {
      "$type": "color",
      "$value": "#f1d58e",
      "$dark": "#f3dc9c"
    },
    "brass-lo": {
      "$type": "color",
      "$value": "#9c7424",
      "$dark": "#a8802c"
    },
    "brass-ink": {
      "$type": "color",
      "$value": "#352304",
      "$dark": "#4d360c"
    },
    "snap": {
      "$type": "color",
      "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
    },
    "d": {
      "$type": "color",
      "$value": "300ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 2px rgba(34, 26, 43, 0.05), 0 16px 34px -22px rgba(34, 26, 43, 0.35)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85)"
    },
    "shadow-lift": {
      "$type": "shadow",
      "$value": "0 30px 60px -28px rgba(34, 26, 43, 0.45)",
      "$dark": "0 30px 60px -26px rgba(0, 0, 0, 0.9)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Gabarito\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Rethink Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"Sometype Mono\", ui-monospace, \"SFMono-Regular\", Menlo, monospace"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(44px, 6vw, 92px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(32px, 4vw, 58px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "22px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(17.5px, 1.35vw, 20.5px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "17px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "15px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "12px"
    }
  },
  "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": "12px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "20px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "32px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.8, 0.2, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "150ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "900ms"
    }
  }
}