/* =================================
   Modern Cream Theme – Ready to Use
   ================================= */

/* -------------------------------
   Base Backgrounds
--------------------------------- */
.app-bg-main {
    background-color: #F8F5F0 !important; /* warm cream */
}

.app-bg-surface {
    background-color: #FFFFFF !important;
}

.app-bg-elevated {
    background-color: #F3EFE8 !important;
}

.app-border {
    border-color: #E6DFD4 !important;
}

/* -------------------------------
   Text Colors
--------------------------------- */
.app-text-primary {
    color: #2D2A26 !important; /* deep warm charcoal */
}

.app-text-secondary {
    color: #5F5A53 !important;
}

.app-text-muted {
    color: #8A837B !important;
}

.app-text-placeholder {
    color: #B0A79D !important;
}

/* -------------------------------
   Accent Colors (Modern Warm Indigo)
--------------------------------- */
.app-accent {
    color: #5B6EF5 !important;
}

.app-accent-hover:hover {
    color: #4456E8 !important;
}

.app-accent-soft {
    color: #C7D2FE !important;
}

/* -------------------------------
   Status Colors (Softer Light Mode Versions)
--------------------------------- */
.app-status-success {
    color: #16A34A !important;
}

.app-status-warning {
    color: #D97706 !important;
}

.app-status-error {
    color: #DC2626 !important;
}

.app-status-info {
    color: #0284C7 !important;
}

/* -------------------------------
   Card / Surface Example
--------------------------------- */
.app-card {
    background-color: #FFFFFF;
    color: #2D2A26;
    border: 1px solid #E6DFD4;
    border-radius: 0.85rem;
    padding: 1.25rem;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.04);
}

/* -------------------------------
   Buttons
--------------------------------- */
.app-btn {
    background-color: #5B6EF5;
    color: #ffffff;
    border: none;
    padding: 0.55rem 1.1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.app-btn:hover {
    background-color: #4456E8;
    transform: translateY(-1px);
}

.app-btn-success {
    background-color: #16A34A;
}

.app-btn-warning {
    background-color: #D97706;
}

.app-btn-error {
    background-color: #DC2626;
}

.app-btn-info {
    background-color: #0284C7;
}

/* -------------------------------
   Input / Form Controls
--------------------------------- */
.app-input {
    background-color: #FFFFFF;
    color: #2D2A26;
    border: 1px solid #E6DFD4;
    padding: 0.55rem;
    border-radius: 0.5rem;
    width: 100%;
    transition: border 0.2s ease, box-shadow 0.2s ease;
}

.app-input:focus {
    outline: none;
    border-color: #5B6EF5;
    box-shadow: 0 0 0 3px rgba(91,110,245,0.15);
}

.app-input::placeholder {
    color: #B0A79D;
}

/* -------------------------------
   Links
--------------------------------- */
.app-link {
    color: #5B6EF5;
    text-decoration: none;
}

.app-link:hover {
    color: #4456E8;
    text-decoration: underline;
}