:root
{
    --tf-cream: #f9e5b0;
    --tf-cream-light: #fcf4dc;
    --tf-surface: #fffdf8;
    --tf-coral: #ff6f61;
    --tf-red: #b23a2e;
    --tf-red-dark: #8f2c23;
    --tf-velvet: #6e1f26;
    --tf-text: #3b2f2a;
    --tf-muted: #6b5d55;
    --tf-radius: 14px;
    --tf-shadow: 0 6px 18px rgba(80, 50, 20, 0.10);
    --tf-shadow-hover: 0 12px 28px rgba(80, 50, 20, 0.18);
    --tf-font-title: 'Playfair Display', Georgia, serif;

    --bs-body-font-family: 'Poppins', sans-serif;
    --bs-body-color: var(--tf-text);
    --bs-heading-color: var(--tf-text);
    --bs-primary-rgb: 178, 58, 46;
    --bs-link-color-rgb: 178, 58, 46;
    --bs-link-hover-color-rgb: 143, 44, 35;
}

body
{
    background-color: var(--tf-cream) !important;
}

h1, h2, h3, h4, h5
{
    font-family: var(--tf-font-title);
    font-weight: 600;
}

.btn-primary
{
    --bs-btn-bg: var(--tf-red);
    --bs-btn-border-color: var(--tf-red);
    --bs-btn-hover-bg: var(--tf-red-dark);
    --bs-btn-hover-border-color: var(--tf-red-dark);
    --bs-btn-active-bg: var(--tf-red-dark);
    --bs-btn-active-border-color: var(--tf-red-dark);
    --bs-btn-disabled-bg: var(--tf-red);
    --bs-btn-disabled-border-color: var(--tf-red);
    --bs-btn-focus-shadow-rgb: 178, 58, 46;
    border-radius: 50rem;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus
{
    border-color: var(--tf-coral);
    box-shadow: 0 0 0 0.25rem rgba(255, 111, 97, 0.25);
}

.form-check-input:checked
{
    background-color: var(--tf-red);
    border-color: var(--tf-red);
}