:root {
    --color-primary: #e8692a;
    --color-primary-dark: #c4511a;
    --color-primary-bright: #f5813d;
    --color-primary-soft: #fca56a;
    --color-secondary: #8b9bb4;
    --color-accent: #f5813d;
    --color-background: #fafafa;
    --color-surface: #f8f7f5;
    --color-surface-alt: #f8f6f3;
    --color-on-background: #0d1018;
    --color-on-surface: #5a6675;
    --color-muted: #5d6878;
    --color-dark: #0d1018;
    --color-dark-alt: #1c2538;
    --color-dark-deeper: #07090d;
    --color-on-dark: #f0f2f5;
    --color-on-dark-muted: #8b9bb4;
    --color-border: #e8e3de;
    --color-border-dark: #1e2636;
    --font-heading: Syne;
    --font-heading-h1: 3.5rem;
    --font-heading-h2: 2.5rem;
    --font-heading-h3: 1.5rem;
    --font-heading-h4: 1.25rem;
    --font-heading-h5: 1.125rem;
    --font-heading-h6: 1rem;
    --font-heading-h1-weight: 800;
    --font-heading-h2-weight: 700;
    --font-heading-h3-weight: 700;
    --font-heading-h4-weight: 700;
    --font-heading-h5-weight: 600;
    --font-heading-h6-weight: 600;
    --font-body: Plus Jakarta Sans;
    --font-body-size: 1rem;
    --font-body-line-height: 1.7;
    --spacing-base: 8px;
    --spacing-xs: calc(var(--spacing-base) * 0.5);
    --spacing-s: calc(var(--spacing-base) * 1);
    --spacing-m: calc(var(--spacing-base) * 1.5);
    --spacing-l: calc(var(--spacing-base) * 2.5);
    --spacing-xl: calc(var(--spacing-base) * 4);
    --spacing-xxl: calc(var(--spacing-base) * 7);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    --page-bg-image: url("/images/bg/bg15.jpg");
}