/* 
   Soraaya Studio - Global Premium Theme
   Palette: Nude, Beige, Gold, White, Dark Gray
*/

:root {
    --soraaya-primary: #E3BC9A;    /* Premium Nude */
    --soraaya-secondary: #F06292;  /* Soft Pink for Action Buttons */
    --soraaya-accent: #D4AF37;     /* Soft Gold */
    --soraaya-bg: #FFFBF0;         /* Main Background Beige */
    --soraaya-card-bg: #FFFFFF;    /* Card & Sidebar Background */
    --soraaya-text-main: #333333;  /* Headers & Bold Text */
    --soraaya-text-muted: #777777; /* Paragraphs & Subtitles */
    --soraaya-success-bg: #D1F2EB; /* Soft Green Badge */
    --soraaya-success-text: #1ABC9C;
    --soraaya-pending-bg: #FDEBD0; /* Soft Yellow Badge */
    --soraaya-pending-text: #F39C12;
}

body {
    font-family: 'Outfit', sans-serif;
    background-color: var(--soraaya-bg);
    color: var(--soraaya-text-main);
    font-size: 1.05rem;
}

h1, h2, h3, h4, h5, h6, .display-font {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

/* Common Components */
.btn-premium {
    background-color: var(--soraaya-primary);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 25px;
    font-weight: 600;
    transition: 0.3s;
}

.btn-premium:hover {
    background-color: #d4a782;
    transform: translateY(-2px);
    color: white;
    box-shadow: 0 5px 15px rgba(227, 188, 154, 0.3);
}

.btn-action-pink {
    background-color: var(--soraaya-secondary);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 25px;
    font-weight: 600;
}

.btn-action-pink:hover {
    background-color: #E91E63;
    color: white;
    transform: translateY(-2px);
}

/* Card Styling */
.soraaya-card {
    background-color: var(--soraaya-card-bg);
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    transition: transform 0.3s ease;
}

.soraaya-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
}

/* Status Badges */
.badge-premium {
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.badge-completed { background-color: var(--soraaya-success-bg); color: var(--soraaya-success-text); }
.badge-pending { background-color: var(--soraaya-pending-bg); color: var(--soraaya-pending-text); }

/* Table Styling */
.table-premium thead th {
    background-color: transparent;
    border-bottom: 2px solid rgba(227, 188, 154, 0.2);
    color: var(--soraaya-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 1px;
}

.table-premium td {
    padding: 18px 12px;
    border-bottom: 1px solid #f0f0f0;
}