/* Alpine Theme */
/* Generated by Theme Editor */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

.alpine {
    --font-primary: 'Plus Jakarta Sans', sans-serif;
    --font-secondary: 'Plus Jakarta Sans', sans-serif;

    --primary: oklch(0.52 0.15 220);
    --secondary: oklch(0.22 0.03 240);
    --tertiary: oklch(0.68 0.06 160);
    --success: oklch(0.58 0.19 142);
    --error: oklch(0.63 0.26 29);
    --bg-body: oklch(0.98 0.005 220);
    --bg-surface: oklch(0.995 0.003 220);
    --text-body: oklch(0.28 0.02 240);
    --text-title: oklch(0.12 0.02 240);

    --shadow-primary: oklch(0.3 0.02 240 / 0.1);
    --radius-xs: 0.3rem;
    --radius-s: 0.6rem;
    --radius-m: 1rem;
    --radius-l: 1.5rem;
    --radius-xl: 2rem;

    --section-padding-y: clamp(4rem, calc(4rem + ((1vw - 0.32rem) * 3.8245)), 8rem);
    --section-padding-x: clamp(1.5rem, calc(1.5rem + ((1vw - 0.32rem) * 1.4367)), 3rem);
}

.alpine[data-color-mode="dark"] {
    --bg-body: oklch(0.1 0.015 240);
    --bg-surface: oklch(0.16 0.015 240);
    --text-body: oklch(0.9 0.01 220);
    --text-title: oklch(0.98 0.005 220);
    --border-primary: oklch(1 0 0 / 0.15);
    --shadow-primary: oklch(0 0 0 / 0.4);
}