@import "tailwindcss";

@theme {
    --color-primary-brand: #8B261D;
    --color-secondary-brand: #1F3A2B;
    --color-gold-500: #C5A059;
    --color-gold-600: #A77E2F;
    --color-navy-900: #0F172A;
    --color-slate-50: #F8FAFC;
    --font-optima: 'Optima', Optima, Segoe, serif;
    --font-sans: 'Plus Jakarta Sans', sans-serif;
}

@layer base {
    body {
        font-family: var(--font-sans);
        color: #0F172A;
        background-color: #FFFFFF;
    }
}

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

    .form-input {
        @apply w-full h-12 px-4 rounded-xl border border-slate-300 bg-slate-50 text-slate-900 text-sm focus:border-amber-500 focus:bg-white focus:outline-none transition-all;
    }

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

    /* Footer Section Custom UI Rules */
    .footer-section {
        background-color: #0F172A !important;
        color: #CBD5E1 !important;
        padding: 36px 0 24px !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        border-top: 1px solid rgba(197, 160, 89, 0.25) !important;
    }
    .footer-section p,
    .footer-section .btm-foot,
    p.btm-foot {
        color: #CBD5E1 !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: #F8FAFC !important;
        font-weight: 700 !important;
    }
    .footer-section a,
    .btm-foot a {
        color: #C5A059 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: color 0.25s ease !important;
    }
    .footer-section a:hover,
    .btm-foot a:hover {
        color: #F4E8C1 !important;
        text-decoration: underline !important;
    }
    #footer-links {
        background-color: #0B1120 !important;
        color: #94A3B8 !important;
        padding: 16px 0 !important;
        margin: 0 !important;
        font-size: 12.5px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    #footer-links p {
        color: #94A3B8 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12.5px !important;
    }
    #footer-links a,
    #footer-links span,
    #footer-links .on-rera {
        color: #D4AF37 !important;
        font-weight: 600 !important;
    }
}