:root {
    --cream-50: #fffaf3;
    --cream-100: #fff3df;
    --cream-200: #f7e4c4;

    --pink-50: #fff1f5;
    --pink-100: #ffe4ec;
    --pink-500: #e77997;
    --pink-700: #b8325e;

    --blue-50: #eff9ff;
    --blue-100: #dff2ff;
    --blue-500: #4aa8d8;
    --blue-700: #1f6f9b;

    --gray-50: #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-900: #0f172a;

    --white: #ffffff;

    --color-background: var(--cream-50);
    --color-background-warm: var(--cream-100);

    --color-surface: var(--white);
    --color-surface-muted: var(--cream-100);

    --color-brand: var(--pink-500);
    --color-brand-hover: var(--pink-700);
    --color-brand-soft: rgba(231, 121, 151, 0.14);

    --color-accent: var(--blue-500);
    --color-accent-hover: var(--blue-700);
    --color-accent-soft: rgba(74, 168, 216, 0.14);

    --color-border: var(--cream-200);
    --color-border-strong: #ead1ac;

    --color-text: var(--gray-900);
    --color-text-muted: var(--gray-600);
    --color-text-soft: var(--gray-500);
    --color-text-inverse: var(--white);

    --color-success: #15803d;
    --color-success-bg: #ecfdf5;
    --color-success-border: #bbf7d0;

    --color-warning: #b45309;
    --color-warning-bg: #fffbeb;
    --color-warning-border: #fef3c7;

    --color-error: #b91c1c;
    --color-error-bg: #fef2f2;
    --color-error-border: #fee2e2;

    --font-family-base:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --font-family-heading:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3.25rem;

    --line-height-tight: 1.1;
    --line-height-snug: 1.25;
    --line-height-normal: 1.6;
    --line-height-relaxed: 1.75;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-pill: 999px;

    --shadow-sm: 0 4px 14px rgba(120, 76, 42, 0.08);
    --shadow-md: 0 14px 40px rgba(120, 76, 42, 0.12);
    --shadow-lg: 0 24px 80px rgba(120, 76, 42, 0.16);

    --transition-fast: 0.16s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.45s ease;

    --container-width: 1120px;
    --container-wide: 1280px;
    --header-height:105px;
}