@font-face {
    font-family: 'Ceed Inter';
    src: url('../fonts/Inter/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2') format('woff2');
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
}

.ceed-theme {
    --ceed-primary: #103222;
    --ceed-primary-hover: #0b281b;
    --ceed-primary-soft: #e7efea;
    --ceed-accent: #d8872f;
    --ceed-bg: #f6f7f4;
    --ceed-surface: #ffffff;
    --ceed-surface-muted: #eef1ed;
    --ceed-text: #152019;
    --ceed-text-muted: #5e6861;
    --ceed-border: #dde3de;
    --ceed-success: #14865c;
    --ceed-warning: #d9971e;
    --ceed-danger: #c94343;
    --ceed-focus: #14865c;
    --ceed-overlay: rgb(0 0 0 / 55%);
    --ceed-white: #ffffff;
    --ceed-black: #000000;
    --ceed-rating: #d9971e;
    --ceed-sale: #c94343;
    --ceed-deal: #d8872f;

    --ceed-font-family: 'Ceed Inter', Arial, sans-serif;
    --ceed-font-display: 700 48px/56px var(--ceed-font-family);
    --ceed-font-h1: 700 36px/44px var(--ceed-font-family);
    --ceed-font-h2: 700 28px/36px var(--ceed-font-family);
    --ceed-font-h3: 600 22px/30px var(--ceed-font-family);
    --ceed-font-body: 400 16px/24px var(--ceed-font-family);
    --ceed-font-small: 400 14px/20px var(--ceed-font-family);
    --ceed-font-caption: 500 12px/16px var(--ceed-font-family);
    --ceed-font-button: 600 14px/20px var(--ceed-font-family);

    --ceed-radius-xs: 4px;
    --ceed-radius-sm: 8px;
    --ceed-radius-md: 12px;
    --ceed-radius-lg: 16px;
    --ceed-radius-xl: 24px;
    --ceed-radius-pill: 999px;

    --ceed-space-1: 4px;
    --ceed-space-2: 8px;
    --ceed-space-3: 12px;
    --ceed-space-4: 16px;
    --ceed-space-5: 20px;
    --ceed-space-6: 24px;
    --ceed-space-8: 32px;
    --ceed-space-10: 40px;
    --ceed-space-12: 48px;
    --ceed-space-16: 64px;
    --ceed-space-20: 80px;

    --ceed-shadow-subtle: 0 1px 3px rgb(0 0 0 / 6%);
    --ceed-shadow-raised: 0 4px 12px rgb(0 0 0 / 8%);
    --ceed-shadow-floating: 0 12px 32px rgb(0 0 0 / 12%);
    --ceed-shadow-focus: 0 0 0 3px rgb(20 134 92 / 25%);
}

@media (max-width: 767px) {
    .ceed-theme {
        --ceed-font-display: 700 36px/44px var(--ceed-font-family);
        --ceed-font-h1: 700 30px/38px var(--ceed-font-family);
        --ceed-font-h2: 700 24px/32px var(--ceed-font-family);
        --ceed-font-h3: 600 20px/28px var(--ceed-font-family);
    }
}