/**
 * CSS Variables for jpk Theme
 */

:root {
    /* Primary Colors */
    --color-yellow: #CED324;
    --color-yellow-rgb: 206, 211, 36;
    --color-pink:#D7167B;
    --color-pink-rgb: 215, 22, 123;
  
    
    /* Gradients */
    --gradient-primary: linear-gradient(to right, var(--color-yellow), var(--color-gold));
    
    /* Typography */
    
    /* Adobe Typekit Fonts (shm4tfn.css) */
    --font-heading-primary: "industry", sans-serif;
    --font-heading-secondary:'MicrobrewSoftThree', serif;
    --font-body-primary: "abel", sans-serif;
    --font-body-secondary: "barlow", sans-serif;
    
    
    /* Breakpoints */
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    
    /* Container widths */
    --container-max-width: 1200px;
    
    /* Spacing */
    --spacing-xxs: 0.25rem;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 3rem;
    --spacing-xl: 5rem;
    --spacing-xxl: 9rem;

    --border-radius-primary: 4px;
    --border-radius-secondary: 10px;
}