Kitchen Sink

{
    "button-classes": {
        "default": "btn",
        "inline": "inline-btn"
    },
    "font": {
        "def": {
            "body-details": {
                "font-family": "\"Tiempos Headline\", serif",
                "letter-spacing": "0.00em",
                "font-weight": 400,
                "media": {
                    "below": {
                        "desktop": {
                            "--max-font-size": "var(--fz-body-details-min)",
                            "--max-line-height": "var(--fz-body-details-lh-min)"
                        }
                    },
                    "above": {
                        "desktop": {
                            "--override-viewport-from": 1512,
                            "--override-viewport-to": 2500
                        }
                    }
                }
            },
            "body-lg": {
                "font-family": "\"Tiempos Headline\", serif",
                "font-weight": 400,
                "letter-spacing": "0.02em",
                "media": {
                    "above": {
                        "md": {
                            "text-transform": "none"
                        }
                    }
                }
            },
            "body-md-case-study": {
                "font-family": "\"Tiempos Headline\", serif",
                "font-weight": 400,
                "letter-spacing": "0.02em",
                "media": {
                    "below": {
                        "desktop": {
                            "--max-font-size": "var(--fz-body-md-case-study-min)",
                            "--max-line-height": "var(--fz-body-md-case-study-lh-min)"
                        }
                    },
                    "above": {
                        "desktop": {
                            "--override-viewport-from": 1512,
                            "--override-viewport-to": 2500
                        }
                    }
                }
            },
            "body-md": {
                "font-family": "\"Tiempos Headline\", serif",
                "font-weight": 400,
                "letter-spacing": "0.02em",
                "media": {
                    "below": {
                        "desktop": {
                            "--max-font-size": "var(--fz-body-md-min)",
                            "--max-line-height": "var(--fz-body-md-lh-min)"
                        }
                    },
                    "above": {
                        "desktop": {
                            "--override-viewport-from": 1512,
                            "--override-viewport-to": 2500
                        }
                    }
                }
            },
            "body-sm": {
                "font-family": "\"Tiempos Headline\", serif",
                "letter-spacing": "0.00em"
            },
            "body-xl": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "0.03em"
            },
            "body-xs": {
                "font-family": "\"Tiempos Headline\", serif",
                "letter-spacing": "0.00em"
            },
            "cite": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "0.02em"
            },
            "cta-text": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "font-weight": 400,
                "letter-spacing": "0.03em"
            },
            "eyebrow": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "0.03em",
                "text-transform": "uppercase"
            },
            "h1": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.04em"
            },
            "h2": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.02em",
                "media": {
                    "above": {
                        "md-lg": {
                            "letter-spacing": "-0.03em"
                        }
                    }
                }
            },
            "h3": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "media": {
                    "above": {
                        "md": {
                            "letter-spacing": "-0.03em",
                            "text-transform": "none"
                        }
                    }
                }
            },
            "h4-alt": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.02em"
            },
            "h4": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.02em",
                "text-transform": "none"
            },
            "h5-alt": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.02em"
            },
            "h5": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.01em",
                "text-transform": "none"
            },
            "job-title": {
                "font-family": "\"Tiempos Headline\", serif",
                "letter-spacing": "-0.01em"
            },
            "links": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "font-weight": 400,
                "letter-spacing": "0.02em"
            },
            "list": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.02em"
            },
            "meta-blog": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "font-weight": 400,
                "letter-spacing": "-0.02em"
            },
            "meta-photo": {
                "font-family": "\"Tiempos Headline\", serif",
                "font-weight": 300,
                "letter-spacing": "0.04em"
            },
            "name": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.01em"
            },
            "nav-links": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "0.03em",
                "--min-font-size": "var(--fz-nav-links-min)",
                "--max-font-size": "var(--fz-nav-links-min)",
                "--min-line-height": "var(--fz-nav-links-lh-min)",
                "--max-line-height": "var(--fz-nav-links-lh-min)",
                "media": {
                    "above": {
                        "md-lg": {
                            "--min-font-size": "var(--fz-nav-links-max)",
                            "--max-font-size": "var(--fz-nav-links-max)",
                            "--min-line-height": "var(--fz-nav-links-lh-max)",
                            "--max-line-height": "var(--fz-nav-links-lh-max)"
                        }
                    }
                }
            },
            "quote": {
                "font-family": "\"Tiempos Headline\", serif",
                "font-weight": 300,
                "letter-spacing": "-0.02em",
                "media": {
                    "above": {
                        "md": {
                            "font-weight": 400
                        }
                    }
                }
            },
            "routing-links": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "0.02em"
            },
            "stats-k": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.05em"
            },
            "stats": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "-0.05em"
            },
            "tag-md": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "0.02em",
                "color": "var(--tag-color)"
            },
            "tag-sm": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "letter-spacing": "0.00em",
                "color": "var(--tag-color)"
            },
            "tags": {
                "font-family": "\"Halenoir Display\", sans-serif",
                "font-weight": 400,
                "letter-spacing": "0.04em",
                "text-transform": "uppercase"
            }
        },
        "size": {
            "body-details": {
                "min": 18,
                "from": 18,
                "max": 28,
                "lh": {
                    "min": 27,
                    "from": 27,
                    "max": 36
                }
            },
            "body-lg": {
                "min": 30,
                "to": 36,
                "max": 43,
                "lh": {
                    "min": 48,
                    "to": 56,
                    "max": 65
                }
            },
            "body-md-case-study": {
                "min": 21,
                "from": 21,
                "max": 31,
                "lh": {
                    "min": 32,
                    "from": 34,
                    "max": 46
                }
            },
            "body-md": {
                "min": 21,
                "from": 21,
                "max": 31,
                "lh": {
                    "min": 32,
                    "from": 32,
                    "max": 46
                }
            },
            "body-sm": {
                "min": 18,
                "max": 18,
                "lh": {
                    "min": 32,
                    "max": 32
                }
            },
            "body-xl": {
                "min": 28,
                "max": 28,
                "lh": {
                    "min": 36,
                    "max": 36
                }
            },
            "body-xs": {
                "min": 16,
                "max": 16,
                "lh": {
                    "min": 20,
                    "max": 20
                }
            },
            "cite": {
                "min": 24,
                "max": 24,
                "lh": {
                    "min": 30,
                    "max": 30
                }
            },
            "cta-text": {
                "min": 16,
                "max": 16,
                "lh": {
                    "min": 32,
                    "max": 32
                }
            },
            "eyebrow": {
                "min": 18,
                "max": 18,
                "lh": {
                    "min": 30,
                    "max": 30
                }
            },
            "h1": {
                "min": 58,
                "to": 200,
                "max": 234,
                "lh": {
                    "min": 57,
                    "to": 177,
                    "max": 206
                }
            },
            "h2": {
                "min": 50,
                "to": 110,
                "max": 190,
                "lh": {
                    "min": 57,
                    "to": 120,
                    "max": 200
                }
            },
            "h3": {
                "min": 40,
                "to": 60,
                "max": 83,
                "lh": {
                    "min": 42,
                    "to": 58,
                    "max": 76
                }
            },
            "h4-alt": {
                "min": 34,
                "to": 74,
                "max": 120,
                "lh": {
                    "min": 38,
                    "to": 87,
                    "max": 143
                }
            },
            "h4": {
                "min": 34,
                "to": 36,
                "max": 44,
                "lh": {
                    "min": 38,
                    "to": 38,
                    "max": 46
                }
            },
            "h5-alt": {
                "min": 23,
                "to": 28,
                "max": 28,
                "lh": {
                    "min": 29,
                    "to": 36
                }
            },
            "h5": {
                "min": 26,
                "to": 32,
                "lh": {
                    "min": 32,
                    "to": 42
                }
            },
            "job-title": {
                "min": 27,
                "max": 27,
                "lh": {
                    "min": 32,
                    "max": 32
                }
            },
            "links": {
                "min": 20,
                "max": 20,
                "lh": {
                    "min": 28,
                    "max": 28
                }
            },
            "list": {
                "min": 22,
                "max": 22,
                "lh": {
                    "min": 38,
                    "max": 38
                }
            },
            "meta-blog": {
                "min": 20,
                "max": 20,
                "lh": {
                    "min": 25,
                    "max": 25
                }
            },
            "meta-photo": {
                "min": 12,
                "to": 16,
                "max": 20,
                "lh": {
                    "min": 20,
                    "max": 20
                }
            },
            "name": {
                "min": 16,
                "max": 16,
                "lh": {
                    "min": 20,
                    "max": 20
                }
            },
            "nav-links": {
                "min": 46,
                "max": 20,
                "lh": {
                    "min": 46,
                    "max": 20
                }
            },
            "quote": {
                "min": 36,
                "to": 56,
                "max": 79,
                "lh": {
                    "min": 46,
                    "to": 70,
                    "max": 98
                }
            },
            "routing-links": {
                "min": 20,
                "max": 20,
                "lh": {
                    "min": 28,
                    "max": 28
                }
            },
            "stats-k": {
                "min": 100,
                "max": 100,
                "lh": {
                    "min": 100,
                    "max": 100
                }
            },
            "stats": {
                "min": 150,
                "max": 150,
                "lh": {
                    "min": 100,
                    "max": 100
                }
            },
            "tag-md": {
                "min": 24,
                "max": 24,
                "lh": {
                    "min": 24,
                    "max": 24
                }
            },
            "tag-sm": {
                "min": 16,
                "max": 16,
                "lh": {
                    "min": 26,
                    "max": 26
                }
            },
            "tags": {
                "min": 16,
                "max": 16,
                "lh": {
                    "min": 32,
                    "max": 32
                }
            }
        },
        "family": {
            "sans-serif": "\"Halenoir Display\", sans-serif",
            "serif": "\"Tiempos Headline\", serif"
        },
        "weight": {
            "light": 300,
            "regular": 400
        },
        "letter-spacing": {
            "0": "0.00em",
            "1": "0.01em",
            "2": "0.02em",
            "3": "0.03em",
            "4": "0.04em",
            "5": "0.05em",
            "25": "0.025em",
            "m1": "-0.01em",
            "m2": "-0.02em",
            "m3": "-0.03em",
            "m4": "-0.04em",
            "m5": "-0.05em"
        }
    },
    "theme": {
        "url": "'\/wp-content\/themes\/we-are-traina\/assets\/'",
        "img-url": "'\/wp-content\/themes\/we-are-traina\/assets\/images\/'",
        "colors": {
            "black": "#000000",
            "traina-purple-400": "#8875e2",
            "traina-purple-300": "#A897F8",
            "traina-pink-400": "#DE706F",
            "traina-pink-300": "#F98989",
            "traina-green-400": "#5D9E70",
            "traina-green-300": "#82C596",
            "traina-gray-900": "#151515",
            "traina-gray-800": "#232323",
            "traina-gray-700": "#454545",
            "traina-gray-600": "#636363",
            "traina-gray-500": "#727272",
            "traina-gray-400": "#8e8e8e",
            "traina-gray-300": "#D0D0D0",
            "traina-gray-200": "#e8e8e8",
            "traina-gray-110": "#f5f5f5",
            "traina-gray-100": "#fafafa",
            "white": "#ffffff",
            "error-red": "#852323"
        },
        "theme-colors": {
            "ink": "var(--ink, #232323)",
            "paper": "var(--paper, #fafafa)",
            "highlight-1": "var(--highlight-1, #8875e2)",
            "highlight-2": "var(--highlight-2, #DE706F)",
            "highlight-3": "var(--highlight-3, #5D9E70)",
            "tag-color": "var(--tag-color, #727272)"
        },
        "spacing": {
            "page-padding-inline": "50px",
            "page-padding-inline-mobile": "10px",
            "fifty-fifty-inline-gap": "52px",
            "fifty-fifty-inline-gap-mobile": "30px"
        }
    },
    "screen": {
        "xs": "374px",
        "sm": "768px",
        "md": "991px",
        "md-lg": "1160px",
        "lg": "1367px",
        "xl": "1440px",
        "desktop": "1512px"
    },
    "viewports": {
        "min-screen": 420,
        "design-desktop": 1512,
        "max-desktop": 2500
    },
    "container-sizes": {
        "default": "1200px",
        "small": "800px",
        "medium": "1300px",
        "large": "1400px"
    }
}