Edit Cal.com tokens

{
  "color": {
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Primary black for headings, buttons, high-emphasis text"
    },
    "white": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "White for backgrounds and text on dark surfaces"
    },
    "gray": {
      "50": {
        "$value": "#fafafa",
        "$type": "color",
        "$description": "Lightest gray for subtle backgrounds"
      },
      "100": {
        "$value": "#f5f5f5",
        "$type": "color",
        "$description": "Card backgrounds and light surfaces"
      },
      "200": {
        "$value": "#e5e5e5",
        "$type": "color",
        "$description": "Borders, dividers, calendar grid lines"
      },
      "300": {
        "$value": "#d4d4d4",
        "$type": "color",
        "$description": "Disabled states and placeholder text"
      },
      "400": {
        "$value": "#a3a3a3",
        "$type": "color",
        "$description": "Secondary text and icons"
      },
      "500": {
        "$value": "#737373",
        "$type": "color",
        "$description": "Tertiary text and muted content"
      },
      "600": {
        "$value": "#525252",
        "$type": "color",
        "$description": "Body text with medium emphasis"
      },
      "700": {
        "$value": "#404040",
        "$type": "color",
        "$description": "High emphasis body text"
      },
      "800": {
        "$value": "#262626",
        "$type": "color",
        "$description": "Dark surfaces and inverse backgrounds"
      },
      "900": {
        "$value": "#171717",
        "$type": "color",
        "$description": "Darkest text for maximum contrast"
      }
    },
    "green": {
      "$value": "#00b67a",
      "$type": "color",
      "$description": "Success states and Trustpilot badge"
    },
    "orange": {
      "$value": "#ff9500",
      "$type": "color",
      "$description": "Warning states and star ratings"
    },
    "red": {
      "$value": "#ff3b30",
      "$type": "color",
      "$description": "Error states and G2 badge"
    },
    "blue": {
      "$value": "#0078d4",
      "$type": "color",
      "$description": "Microsoft brand color and links"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "'Cal Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$value": "'JetBrains Mono', 'Fira Code', monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "hero": {
        "$value": "64px",
        "$type": "dimension",
        "$description": "Hero headline size"
      },
      "h1": {
        "$value": "56px",
        "$type": "dimension",
        "$description": "Main page heading"
      },
      "h2": {
        "$value": "40px",
        "$type": "dimension",
        "$description": "Section heading"
      },
      "h3": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Subsection heading"
      },
      "h4": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Card title size"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Base body text size"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text and captions"
      },
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Extra small text for labels"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Normal font weight"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium font weight"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold for emphasis"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold for headings"
      },
      "extrabold": {
        "$value": "800",
        "$type": "fontWeight",
        "$description": "Extra bold for hero text"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for hero"
      },
      "snug": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal line height for body"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Relaxed line height for large text"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Minimal spacing for tight layouts"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing for compact elements"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium-small spacing"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Base spacing unit"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Large spacing for cards"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "2XL spacing"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "3XL spacing for sections"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "4XL spacing for major sections"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "5XL spacing for hero sections"
    },
    "32": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "6XL spacing for page sections"
    }
  },
  "radius": {
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Small radius for badges"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium radius for buttons"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large radius for cards"
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Extra large radius"
    },
    "2xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "2XL radius for hero cards"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full radius for pills and avatars"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Subtle elevation shadow"
    },
    "md": {
      "$value": "0 4px 6px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 10px 15px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "xl": {
      "$value": "0 20px 25px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Extra large shadow for elevated surfaces"
    }
  },
  "border": {
    "width": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Standard border width"
    }
  }
}