{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "name": "Cal.com",
    "theme": "light",
    "description": "Monochrome Utility, Human Touch"
  },
  "color": {
    "ink": { "$type": "color", "$value": "#101010" },
    "action-blue": { "$type": "color", "$value": "#0099ff" },
    "white": { "$type": "color", "$value": "#ffffff" },
    "paper": { "$type": "color", "$value": "#f4f4f4" },
    "graphite": { "$type": "color", "$value": "#242424" },
    "slate": { "$type": "color", "$value": "#6b7280" },
    "stone": { "$type": "color", "$value": "#898989" },
    "silver": { "$type": "color", "$value": "#e5e7eb" },
    "info-banner-bg": { "$type": "color", "$value": "#eff6fe" },
    "google-blue": { "$type": "color", "$value": "#4285f4" },
    "google-yellow": { "$type": "color", "$value": "#fbbc04" },
    "google-green": { "$type": "color", "$value": "#34a853" },
    "google-red": { "$type": "color", "$value": "#ea4335" }
  },
  "typography": {
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans UI Variable Light, Inter, sans-serif",
        "fontWeight": 300,
        "fontSize": "12px",
        "lineHeight": 1.4,
        "letterSpacing": "-0.24px"
      }
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans UI Variable Light, Inter, sans-serif",
        "fontWeight": 300,
        "fontSize": "14px",
        "lineHeight": 1.5,
        "letterSpacing": "-0.20px"
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans UI Variable Light, Inter, sans-serif",
        "fontWeight": 300,
        "fontSize": "16px",
        "lineHeight": 1.5,
        "letterSpacing": "-0.19px"
      }
    },
    "subheading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans UI Variable Light, Inter, sans-serif",
        "fontWeight": 300,
        "fontSize": "18px",
        "lineHeight": 1.4,
        "letterSpacing": "-0.20px"
      }
    },
    "heading-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans, Poppins, sans-serif",
        "fontWeight": 600,
        "fontSize": "20px",
        "lineHeight": 1.3,
        "letterSpacing": "0.20px"
      }
    },
    "heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans, Poppins, sans-serif",
        "fontWeight": 600,
        "fontSize": "24px",
        "lineHeight": 1.3,
        "letterSpacing": "0.24px"
      }
    },
    "heading-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans, Poppins, sans-serif",
        "fontWeight": 600,
        "fontSize": "48px",
        "lineHeight": 1.1,
        "letterSpacing": "0.48px"
      }
    },
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Cal Sans, Poppins, sans-serif",
        "fontWeight": 600,
        "fontSize": "64px",
        "lineHeight": 1.1,
        "letterSpacing": "0.64px"
      }
    }
  },
  "spacing": {
    "1": { "$type": "dimension", "$value": "4px" },
    "1-25": { "$type": "dimension", "$value": "5px" },
    "1-5": { "$type": "dimension", "$value": "6px" },
    "2": { "$type": "dimension", "$value": "8px" },
    "2-5": { "$type": "dimension", "$value": "10px" },
    "3": { "$type": "dimension", "$value": "12px" },
    "4": { "$type": "dimension", "$value": "16px" },
    "5": { "$type": "dimension", "$value": "20px" },
    "6": { "$type": "dimension", "$value": "24px" },
    "7": { "$type": "dimension", "$value": "28px" },
    "8": { "$type": "dimension", "$value": "32px" },
    "10": { "$type": "dimension", "$value": "40px" },
    "12": { "$type": "dimension", "$value": "48px" },
    "20": { "$type": "dimension", "$value": "80px" }
  },
  "radius": {
    "md": { "$type": "dimension", "$value": "4px" },
    "lg": { "$type": "dimension", "$value": "8px" },
    "xl": { "$type": "dimension", "$value": "12px" },
    "2xl": { "$type": "dimension", "$value": "16px" },
    "3xl": { "$type": "dimension", "$value": "29px" },
    "full": { "$type": "dimension", "$value": "100px" },
    "full-2": { "$type": "dimension", "$value": "120px" },
    "full-3": { "$type": "dimension", "$value": "1000px" },
    "full-4": { "$type": "dimension", "$value": "9999px" }
  },
  "shadow": {
    "sm": {
      "$type": "shadow",
      "$value": "rgba(36, 36, 36, 0.7) 0px 1px 5px -4px, rgba(36, 36, 36, 0.05) 0px 4px 8px 0px"
    },
    "subtle": {
      "$type": "shadow",
      "$value": "rgba(255, 255, 255, 0.15) 0px 2px 0px 0px inset"
    },
    "sm-2": {
      "$type": "shadow",
      "$value": "rgba(19, 19, 22, 0.7) 0px 1px 5px -4px, rgba(34, 42, 53, 0.1) 0px 0px 0px 1px, rgba(34, 42, 53, 0.05) 0px 4px 8px 0px"
    },
    "sm-3": {
      "$type": "shadow",
      "$value": "rgba(19, 19, 22, 0.7) 0px 1px 5px -4px, rgba(34, 42, 53, 0.08) 0px 0px 0px 1px, rgba(34, 42, 53, 0.05) 0px 4px 8px 0px"
    },
    "sm-4": {
      "$type": "shadow",
      "$value": "rgba(34, 42, 53, 0.05) 0px 4px 8px 0px"
    },
    "subtle-2": {
      "$type": "shadow",
      "$value": "rgb(255, 255, 255) 0px 2px 0px 0px inset"
    },
    "subtle-3": {
      "$type": "shadow",
      "$value": "rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 0px 2px 0px"
    }
  },
  "layout": {
    "page-max-width": { "$type": "dimension", "$value": "1200px" },
    "section-gap": { "$type": "dimension", "$value": "96px" },
    "card-padding": { "$type": "dimension", "$value": "24px" }
  }
}