@font-face {
    font-family: "Nunito Sans";
    src: url("../font/NunitoSans.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}
@font-face {
    font-family: "Baloo 2";
    src: url("../font/Baloo2.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
}

:root {
    --font-body: "Nunito Sans", "Segoe UI", "Trebuchet MS", sans-serif;
    --font-heading: "Baloo 2", "Trebuchet MS", sans-serif;

    --color-bg: #fff9f5;
    --color-bg-alt: #fff2e8;
    --color-surface: #ffffff;
    --color-surface-soft: #fef7f1;

    --color-text: #24323d;
    --color-text-soft: #4d5f6f;
    --color-heading: #1c2b36;

    --color-primary: #c96b42;
    --color-primary-strong: #ac5630;
    --color-primary-soft: #f8dfd1;

    --color-mint: #d7efe7;
    --color-sand: #f5e6d8;
    --color-apricot: #f5d6c4;

    --color-nodework: #1f7a68;
    --color-nodework-strong: #14594c;

    --color-border: #dccfbe;
    --color-focus: #1a74a6;
    --color-success: #1f6d47;
    --color-danger: #8a1f2b;

    --shadow-soft: 0 10px 26px rgba(28, 43, 54, 0.08);
    --shadow-card: 0 14px 34px rgba(28, 43, 54, 0.12);

    --radius-sm: 0.75rem;
    --radius-md: 1rem;
    --radius-lg: 1.4rem;
    --radius-xl: 2rem;

    --space-1: 0.5rem;
    --space-2: 0.75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4.5rem;

    --transition-base: 180ms ease;
}