{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "brand": "Lovable",
    "theme": "light",
    "description": "Warm parchment canvas with a single prismatic hero horizon."
  },
  "color": {
    "canvas": {
      "$type": "color",
      "$value": "#fcfbf8",
      "$description": "Parchment page canvas."
    },
    "surface": {
      "$type": "color",
      "$value": "#f7f4ed",
      "$description": "Warm Sand cards and secondary panels."
    },
    "border": {
      "$type": "color",
      "$value": "#eceae4",
      "$description": "Linen border for rules and controls."
    },
    "stone": {
      "$type": "color",
      "$value": "#d4d3d0",
      "$description": "Disabled borders and secondary dividers."
    },
    "text-muted": {
      "$type": "color",
      "$value": "#5f5f5d",
      "$description": "Dim Gray supporting text and placeholders."
    },
    "text": {
      "$type": "color",
      "$value": "#1c1c1c",
      "$description": "Charcoal primary interface text."
    },
    "text-strong": {
      "$type": "color",
      "$value": "#030303",
      "$description": "Ink for highest-emphasis text."
    },
    "accent-link": {
      "$type": "color",
      "$value": "#3451b2",
      "$description": "Indigo accent reserved for links and focus."
    },
    "hero-gradient": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, rgb(28, 28, 28) 0%, rgb(28, 28, 28) 33.33%, rgb(130, 188, 255) 40%, rgb(36, 131, 255) 45%, rgb(255, 102, 244) 50%, rgb(255, 48, 41) 55%, rgb(254, 123, 2) 60%, rgba(0, 0, 0, 0) 66.67%, rgba(0, 0, 0, 0) 100%)",
      "$description": "Full-width decorative hero horizon and compact send control only."
    }
  },
  "typography": {
    "font-family": {
      "$type": "fontFamily",
      "$value": [
        "Camera Plain Variable",
        "Inter Variable",
        "DM Sans",
        "sans-serif"
      ],
      "$description": "Single Lovable family with accessible fallbacks."
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "14px",
        "lineHeight": 1.5,
        "letterSpacing": "-0.35px"
      },
      "$description": "Captions and compact metadata."
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "16px",
        "lineHeight": 1.5,
        "letterSpacing": "-0.4px"
      },
      "$description": "Default body copy."
    },
    "subheading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "18px",
        "lineHeight": 1.38,
        "letterSpacing": "-0.45px"
      },
      "$description": "Lead and supporting copy."
    },
    "heading-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 480,
        "fontSize": "20px",
        "lineHeight": 1.25,
        "letterSpacing": "-0.5px"
      },
      "$description": "Compact heading."
    },
    "heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 480,
        "fontSize": "36px",
        "lineHeight": 1.1,
        "letterSpacing": "-0.9px"
      },
      "$description": "Feature heading."
    },
    "heading-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 480,
        "fontSize": "48px",
        "lineHeight": 1.1,
        "letterSpacing": "-1.2px"
      },
      "$description": "Section heading."
    },
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 480,
        "fontSize": "60px",
        "lineHeight": 1,
        "letterSpacing": "-1.5px"
      },
      "$description": "Hero display heading."
    }
  },
  "spacing": {
    "4": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Tight micro-gap."
    },
    "6": {
      "$type": "dimension",
      "$value": "6px",
      "$description": "Tight component gap."
    },
    "8": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Default compact gap."
    },
    "10": {
      "$type": "dimension",
      "$value": "10px",
      "$description": "Compact control inset."
    },
    "12": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Small separation."
    },
    "16": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Standard inset."
    },
    "20": {
      "$type": "dimension",
      "$value": "20px",
      "$description": "Card horizontal inset."
    },
    "24": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Card vertical inset."
    },
    "32": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "Feature block gap."
    },
    "40": {
      "$type": "dimension",
      "$value": "40px",
      "$description": "Medium separation."
    },
    "48": {
      "$type": "dimension",
      "$value": "48px",
      "$description": "Large separation."
    },
    "56": {
      "$type": "dimension",
      "$value": "56px",
      "$description": "Expanded separation."
    },
    "73": {
      "$type": "dimension",
      "$value": "73px",
      "$description": "Hero rhythm."
    },
    "80": {
      "$type": "dimension",
      "$value": "80px",
      "$description": "Major section gap."
    },
    "144": {
      "$type": "dimension",
      "$value": "144px",
      "$description": "Large hero rhythm."
    },
    "160": {
      "$type": "dimension",
      "$value": "160px",
      "$description": "Largest section rhythm."
    }
  },
  "radius": {
    "input": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Input fields."
    },
    "image": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Template thumbnails."
    },
    "container": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Containers."
    },
    "card": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Warm surface cards and prompt."
    },
    "pill": {
      "$type": "dimension",
      "$value": "9999px",
      "$description": "Buttons and badges."
    }
  },
  "shadow": {
    "subtle": {
      "$type": "shadow",
      "$value": "oklch(0 0 0 / 0.25) 0px 0px 0px 0.5px inset",
      "$description": "Inset edge on contained controls."
    },
    "prompt": {
      "$type": "shadow",
      "$value": "oklab(0 0 0 / 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px",
      "$description": "Elevated chat input card only."
    },
    "subtle-3": {
      "$type": "shadow",
      "$value": "oklch(0 0 0 / 0.16) 0px 0px 0px 0.5px inset",
      "$description": "Alternative subtle inset edge."
    }
  }
}