:root {
    --padding-default: 16px;
    --padding-s: 4px;
    --padding-m: 8px;
    --spacing-s: 8px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --gray-300: #D1D5DB;
    --gray-600: #718096;
    --blue-600: #2563EB;
    --white: #ffffff;
    --border-radius: 8px;
    --text-s: 0.75rem;
    --text-m: 1rem;
    --text-l: 1.25rem;

}

.input {
    width: 100%;
    height: 25px;
    border: 1px solid var(--gray-300);
    border-radius: var(--border-radius);
}

.button-primary {
    background-color: var(--blue-600);
    color: var(--white);
    border: none;
    border-radius: var(--border-radius);
    padding: var(--padding-m) var(--padding-default);
    font-size: var(--text-l);
}

.button-secondary {
    background-color: var(--gray-600);
    color: var(--white);
    border: none;
    border-radius: var(--border-radius);
    padding: var(--padding-m) var(--padding-default);
    font-size: var(--text-l);
}