/**
 * CSS variables for the theme
 *
 * Mostly shorthands for CSS variables generated by WordPress and theme.json.
 * Try to add definitions in theme.json instead of here if possible.
 */

:root {

    /* Colors */
    --primary: var(--wp--preset--color--primary);
    --secondary: var(--wp--preset--color--secondary);
    --contrast: var(--wp--preset--color--contrast);
    --midtone: var(--wp--preset--color--midtone);
    --base: var(--wp--preset--color--base);
    --base-variant: var(--wp--preset--color--base-variant);
    --buttonhover: #006CC6;
    --facebook: #36589b;
    --x: #69727d;
    --linkedin: #419cca;
    --mail: #9fae37;

    /* Border radius */
    --radius-sm: var(--wp--preset--border-radius--sm);
    --radius-md: var(--wp--preset--border-radius--md);
    --radius-lg: var(--wp--preset--border-radius--lg);

    /* Font sizes */
    --size-sm: var(--wp--preset--font-size--small);
    --size-md: var(--wp--preset--font-size--medium);
    --size-lg: var(--wp--preset--font-size--large);
    --size-xl: var(--wp--preset--font-size--extra-large);
    --size-huge: var(--wp--preset--font-size--huge);
    --size-gigantic: var(--wp--preset--font-size--gigantic);

    /* Font Family */
    --font-family-body: var(--wp--custom--global--typography--font-family--body);
    --font-family-heading: var(--wp--custom--global--typography--font-family--heading);

    /* Spacing */
    --space-xs: var(--wp--preset--spacing--20);
    --space-sm: var(--wp--preset--spacing--30);
    --space-md: var(--wp--preset--spacing--40);
    --space-lg: var(--wp--preset--spacing--50);
    --space-xl: var(--wp--preset--spacing--60);
    --space-xxl: var(--wp--preset--spacing--70);
    --space-xxxl: var(--wp--preset--spacing--80);

}