{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Let's Vibe — 'Living Sanctuary' design tokens. Machine-readable source for Style Dictionary / Tokens Studio / custom pipelines.",
  "color": {
    "surface": {
      "mist":  { "$value": "#EDF0E8", "$type": "color", "$description": "App background" },
      "paper": { "$value": "#F6F7F2", "$type": "color", "$description": "Cards & raised surfaces" },
      "sand":  { "$value": "#D9D3C4", "$type": "color", "$description": "Warm secondary surface" },
      "line":  { "$value": "#D7DBCF", "$type": "color", "$description": "Hairline borders" }
    },
    "ink": {
      "default": { "$value": "#1B271E", "$type": "color", "$description": "Primary text" },
      "soft":    { "$value": "#46584A", "$type": "color", "$description": "Secondary text" }
    },
    "brand": {
      "sage":      { "$value": "#9BA88D", "$type": "color", "$description": "Brand core" },
      "sage-deep": { "$value": "#7D8C6E", "$type": "color", "$description": "Eyebrows, icons, links" },
      "pine":      { "$value": "#2E4034", "$type": "color", "$description": "Primary action" },
      "pine-2":    { "$value": "#223028", "$type": "color", "$description": "Deep / pressed" }
    },
    "accent": {
      "citrine":      { "$value": "#C7A24A", "$type": "color", "$description": "Spotlight accent — one per screen" },
      "citrine-soft": { "$value": "#E4C97E", "$type": "color", "$description": "Gradient partner" }
    },
    "cta": {
      "$description": "RESERVED for actionable links and buttons only. Never content, labels, numbers or decoration. Gradient: radial, circle at 18% 12%, hi -> base (48%) -> lo.",
      "base":    { "$value": "#2E4034", "$type": "color", "$description": "CTA base (= pine)" },
      "hi":      { "$value": "#4A6354", "$type": "color", "$description": "Gradient highlight, top-left" },
      "lo":      { "$value": "#223028", "$type": "color", "$description": "Gradient depth (= pine-2)" },
      "on":      { "$value": "#EFF2E9", "$type": "color", "$description": "Text on a CTA" },
      "text":    { "$value": "#2E4034", "$type": "color", "$description": "Inline links on light surfaces" },
      "on-dark": {
        "base": { "$value": "#E4C97E", "$type": "color", "$description": "CTA base on dark surfaces" },
        "hi":   { "$value": "#F1DC9C", "$type": "color" },
        "lo":   { "$value": "#C7A24A", "$type": "color" },
        "on":   { "$value": "#1B271E", "$type": "color", "$description": "Text on a CTA over dark surfaces" },
        "text": { "$value": "#E4C97E", "$type": "color", "$description": "Inline links on dark surfaces" }
      },
      "text-shadow": { "$value": "0 1px 2px rgba(34,48,40,.5), 0 2px 8px rgba(34,48,40,.35)", "$type": "shadow", "$description": "Two soft layers for CTA labels on the gradient (light text on green)" },
      "text-shadow-on-dark": { "$value": "0 1px 1px rgba(255,248,225,.6), 0 1px 5px rgba(255,248,225,.4)", "$type": "shadow", "$description": "Two soft layers for CTA labels on the warm gradient (dark text on gold)" }
    },
    "on-dark": {
      "default": { "$value": "#EFF2E9", "$type": "color" },
      "soft":    { "$value": "#C9D4BE", "$type": "color" }
    },
    "category": {
      "mind":   { "$value": "#5F7E80", "$type": "color" },
      "body":   { "$value": "#7D8C6E", "$type": "color" },
      "energy": { "$value": "#C7A24A", "$type": "color" },
      "spirit": { "$value": "#A07C9A", "$type": "color" },
      "heart":  { "$value": "#C98B9E", "$type": "color" }
    }
  },
  "font": {
    "family": {
      "display": { "$value": "Fraunces, Georgia, serif", "$type": "fontFamily" },
      "body":    { "$value": "Hanken Grotesk, ui-sans-serif, system-ui, sans-serif", "$type": "fontFamily" }
    },
    "size": {
      "eyebrow": { "$value": "11px", "$type": "dimension" },
      "caption": { "$value": "13px", "$type": "dimension" },
      "small":   { "$value": "14px", "$type": "dimension" },
      "body":    { "$value": "16px", "$type": "dimension" },
      "lead":    { "$value": "18px", "$type": "dimension" },
      "h4":      { "$value": "21px", "$type": "dimension" },
      "h3":      { "$value": "24px", "$type": "dimension" },
      "h2":      { "$value": "34px", "$type": "dimension" },
      "h1":      { "$value": "46px", "$type": "dimension" }
    },
    "tracking": {
      "eyebrow": { "$value": "0.28em", "$type": "dimension" }
    },
    "leading": {
      "tight": { "$value": "1.08", "$type": "number" },
      "snug":  { "$value": "1.3",  "$type": "number" },
      "body":  { "$value": "1.6",  "$type": "number" }
    }
  },
  "radius": {
    "xs":   { "$value": "9px",   "$type": "dimension" },
    "sm":   { "$value": "12px",  "$type": "dimension" },
    "md":   { "$value": "16px",  "$type": "dimension" },
    "lg":   { "$value": "22px",  "$type": "dimension" },
    "xl":   { "$value": "26px",  "$type": "dimension" },
    "pill": { "$value": "999px", "$type": "dimension" }
  },
  "space": {
    "1": { "$value": "4px",  "$type": "dimension" },
    "2": { "$value": "8px",  "$type": "dimension" },
    "3": { "$value": "12px", "$type": "dimension" },
    "4": { "$value": "16px", "$type": "dimension" },
    "5": { "$value": "20px", "$type": "dimension" },
    "6": { "$value": "24px", "$type": "dimension" },
    "8": { "$value": "32px", "$type": "dimension" },
    "10":{ "$value": "40px", "$type": "dimension" },
    "12":{ "$value": "48px", "$type": "dimension" },
    "16":{ "$value": "64px", "$type": "dimension" }
  },
  "shadow": {
    "sm": { "$value": "0 16px 36px -28px rgba(46,64,52,0.5)", "$type": "shadow" },
    "md": { "$value": "0 24px 50px -24px rgba(46,64,52,0.5)", "$type": "shadow" },
    "lg": { "$value": "0 40px 80px -30px rgba(27,39,30,0.5)", "$type": "shadow" }
  },
  "motion": {
    "duration": {
      "fast": { "$value": "150ms", "$type": "duration" },
      "base": { "$value": "200ms", "$type": "duration" },
      "slow": { "$value": "400ms", "$type": "duration" },
      "breathe": { "$value": "7000ms", "$type": "duration", "$description": "Signature orb cycle" }
    },
    "easing": {
      "standard": { "$value": "cubic-bezier(0.2,0.7,0.3,1)", "$type": "cubicBezier", "$description": "Settle: entrances, fades, hovers" },
      "in-out": { "$value": "cubic-bezier(0.4,0,0.2,1)", "$type": "cubicBezier", "$description": "Geometry: size, height, position and layout changes" }
    }
  }
}