/* Beezle DNA export
 * module:    scale 0.1.2
 * generator: beezle-dna 0.1.1
 * config:    e3e084dcd60d
 * built:     2026-09-17 20:33 UTC
 *
 * Generated file. Do not edit by hand: the next export overwrites it.
 * Source of truth is solvent-child/dna-config/scale.php
 */
/* base to 599px */
:root {
    --dna-space-v-xxs: 12px;
    --dna-space-v-xs: 18px;
    --dna-space-v-s: 24px;
    --dna-space-v-m: 48px;
    --dna-space-v-l: 72px;
    --dna-space-v-xl: 96px;
    --dna-space-v-xxl: 144px;
    --dna-space-h-xxs: 12px;
    --dna-space-h-xs: 18px;
    --dna-space-h-s: 24px;
    --dna-space-h-m: 48px;
    --dna-space-h-l: 72px;
    --dna-space-h-xl: 96px;
    --dna-space-h-xxl: 144px;
    --dna-width-content: 1140px;
    --dna-width-gutter: 26px;
}

/* from 600px to 1024px */
@media (min-width: 600px) {
    :root {
        --dna-space-v-xxs: clamp(12px, 12px + 12 * (100vw - 600px) / 425, 24px);
        --dna-space-v-xs: clamp(18px, 18px + 18 * (100vw - 600px) / 425, 36px);
        --dna-space-v-s: clamp(24px, 24px + 24 * (100vw - 600px) / 425, 48px);
        --dna-space-v-m: clamp(48px, 48px + 48 * (100vw - 600px) / 425, 96px);
        --dna-space-v-l: clamp(72px, 72px + 72 * (100vw - 600px) / 425, 144px);
        --dna-space-v-xl: clamp(96px, 96px + 96 * (100vw - 600px) / 425, 192px);
        --dna-space-v-xxl: clamp(144px, 144px + 144 * (100vw - 600px) / 425, 288px);
        --dna-space-h-xxs: clamp(12px, 12px + 12 * (100vw - 600px) / 425, 24px);
        --dna-space-h-xs: clamp(18px, 18px + 18 * (100vw - 600px) / 425, 36px);
        --dna-space-h-s: clamp(24px, 24px + 24 * (100vw - 600px) / 425, 48px);
        --dna-space-h-m: clamp(48px, 48px + 48 * (100vw - 600px) / 425, 96px);
        --dna-space-h-l: clamp(72px, 72px + 72 * (100vw - 600px) / 425, 144px);
        --dna-space-h-xl: clamp(96px, 96px + 96 * (100vw - 600px) / 425, 192px);
        --dna-space-h-xxl: clamp(144px, 144px + 144 * (100vw - 600px) / 425, 288px);
        --dna-width-gutter: 40px;
    }
}

/* from 1025px */
@media (min-width: 1025px) {
    :root {
        --dna-space-v-xxs: 24px;
        --dna-space-v-xs: 36px;
        --dna-space-v-s: 48px;
        --dna-space-v-m: 96px;
        --dna-space-v-l: 144px;
        --dna-space-v-xl: 192px;
        --dna-space-v-xxl: 288px;
        --dna-space-h-xxs: 24px;
        --dna-space-h-xs: 36px;
        --dna-space-h-s: 48px;
        --dna-space-h-m: 96px;
        --dna-space-h-l: 144px;
        --dna-space-h-xl: 192px;
        --dna-space-h-xxl: 288px;
        --dna-width-gutter: 120px;
    }
}