/* Dynamic Branding CSS for App ID: 99170733 */

@import url('https://fonts.googleapis.com/css2?family=Inter:300,400,500,600,700&display=swap');

:root {
    --body-bg: #f8fafc;
    --card-bg: #ffffff;
    --card-text: #1f2937;
    --footer-bg: #f8fafc;
    --header-bg: #ffffff;
    --footer-text: #1a1919;
    --header-text: #1a1919;
    --border-color: #d1d5db;
    --border-radius: 8px;
    --btn-primary-bg: #000000;
    --btn-primary-text: #ffffff;
    --btn-secondary-bg: #f3f4f6;
    --font-weight-body: 400;
    --btn-secondary-text: #374151;
    --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-weight-heading: 700;
    --btn-primary-bg-hover: #333333;
    --font-family-secondary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --btn-secondary-bg-hover: #e5e7eb;
}

/* Utility classes */
.btn-primary { background-color: var(--btn-primary-bg); color: var(--btn-primary-text); }
.btn-primary:hover { background-color: var(--btn-primary-bg-hover); }
.btn-secondary { background-color: var(--btn-secondary-bg); color: var(--btn-secondary-text); }
.btn-secondary:hover { background-color: var(--btn-secondary-bg-hover); }
.loading-spinner { border-top-color: var(--btn-primary-bg) !important; }