:root {
    --color-primary: #f5a623;
    --color-primary-hover: #e09000;

    --color-dark: #0b1d2d;
    --color-text: #1f2937;
    --color-muted: #6b7280;

    --color-light: #ffffff;
    --color-bg: #fafafa;
    --color-border: #e5e7eb;

    --color-btn-sec: #e3e3e3;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--color-text);
    background-color: var(--color-bg);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-dark);
    font-weight: 700;
}

a {
    color: inherit;
    text-decoration: none;
}

.script-text {
    font-family: 'Dancing Script', cursive;
}

.script-text-large{
    font-size: 80px;
    letter-spacing: 0.1rem;
}

.script-text-normal{
    letter-spacing: 0.1rem;
    font-weight: 700;
    line-height: 3rem;
}