@import "tailwindcss";

@theme {
    --color-primary-brand: #073E4A;
    --color-secondary-brand: #173B46;
    --color-accent-brand: #239DD3;
    --color-luxury-brand: #C9A86A;
    --color-bg-ivory: #F7F5EF;
    --color-bg-sage: #EEF2EA;
    --color-text-charcoal: #20272B;
    --font-optima: 'Optima', Optima, Segoe, serif;
    --font-sans: 'Plus Jakarta Sans', sans-serif;
}

@layer base {
    body {
        font-family: var(--font-sans);
        color: #20272B;
        background-color: #F7F5EF;
    }
}

@layer components {
    .form-group {
        @apply relative mb-4;
    }

    .form-input {
        @apply w-full h-12 px-4 rounded-xl border border-[#d6ded8] bg-white text-[#20272B] text-sm focus:border-[#239DD3] focus:ring-2 focus:ring-[#239DD3]/20 focus:bg-white focus:outline-none transition-all;
    }

    .card-luxury {
        @apply bg-white rounded-2xl border border-[#d6ded8] shadow-lg hover:shadow-2xl transition-all duration-300 overflow-hidden;
    }

    .footer-section {
        background-color: #073E4A !important;
        color: #EEF2EA !important;
        padding: 36px 0 24px !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        border-top: 1px solid rgba(201, 168, 106, 0.3) !important;
    }

    .footer-section p,
    .footer-section .btm-foot,
    p.btm-foot {
        color: #EEF2EA !important;
        font-size: 12.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .footer-section b,
    .footer-section strong,
    .btm-foot b,
    .btm-foot strong {
        color: #FFFFFF !important;
        font-weight: 700 !important;
    }

    .footer-section a,
    .btm-foot a {
        color: #C9A86A !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: color 0.25s ease !important;
    }

    .footer-section a:hover,
    .btm-foot a:hover {
        color: #239DD3 !important;
        text-decoration: underline !important;
    }

    #footer-links {
        background-color: #173B46 !important;
        color: #EEF2EA !important;
        padding: 16px 0 !important;
        margin: 0 !important;
        font-size: 12.5px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #footer-links p {
        color: #EEF2EA !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12.5px !important;
    }

    #footer-links a,
    #footer-links span,
    #footer-links .on-rera {
        color: #C9A86A !important;
        font-weight: 600 !important;
    }
}