/* Purple Apple Store - Client/User Public Styles */

:root {
    --pa-primary: #D4144F;
    --pa-primary-dark: #A30D3A;
    --pa-primary-light: #FCE8ED;
    
    --pa-deep-purple: #3f1a45;
    --pa-light-purple: #F3E5F5;
    
    --pa-navy: #6f42c1;
    --pa-navy-light: #283593;
    
    --pa-white: #FFFFFF;
    --pa-soft-gray: #F8F9FA;
    --pa-border: #E0E0E0;
    
    --pa-success: #2E7D32;
    --pa-warning: #FF8F00;
    --pa-danger: #C62828;
    
    --pa-text-dark: #212121;
    --pa-text-muted: #757575;
    
    --nav-height: 80px;
}

body.client-body {
    background-color: var(--pa-soft-gray);
    color: var(--pa-text-dark);
    font-family: 'Inter', sans-serif;
    padding-top: var(--nav-height); /* For fixed header */
    -webkit-font-smoothing: antialiased;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--pa-navy);
}

a {
    color: var(--pa-primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--pa-primary-dark);
}

/* Utilities */
.text-primary-brand { color: var(--pa-primary) !important; }
.bg-primary-brand { background-color: var(--pa-primary) !important; }
.text-navy { color: var(--pa-navy) !important; }
.text-deep-purple { color: var(--pa-deep-purple) !important; }
.bg-navy { background-color: var(--pa-navy) !important; }
.bg-deep-purple { background-color: var(--pa-deep-purple) !important; }

/* Custom Container */
.pa-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Medium-Large Client Content Scoping */
.pa-client-content {
    font-size: 15px;
}
.pa-client-content h1, .pa-client-content .h1 { font-size: 34px !important; margin-bottom: 0.75rem; font-weight: 800; letter-spacing: -0.5px; }
.pa-client-content h2, .pa-client-content .h2 { font-size: 26px !important; margin-bottom: 0.75rem; font-weight: 700; letter-spacing: -0.5px; }
.pa-client-content h3, .pa-client-content .h3 { font-size: 22px !important; margin-bottom: 0.75rem; font-weight: 700; }
.pa-client-content h4, .pa-client-content .h4 { font-size: 18px !important; margin-bottom: 0.5rem; font-weight: 600; }
.pa-client-content h5, .pa-client-content .h5 { font-size: 16px !important; margin-bottom: 0.5rem; font-weight: 600; }
.pa-client-content h6, .pa-client-content .h6 { font-size: 15px !important; margin-bottom: 0.5rem; font-weight: 600; }

.pa-client-content .card-body { padding: 24px !important; }