@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;600;700;800;900&display=swap");
:root {
    /* --- GENERATED THEME VARIABLES --- */
    /* Generated at: 2026-05-11 17:37:34 */

    /* --- BRANDING --- */
    --deas-primary: #beff02;
    --deas-primary-rgb: 190, 255, 2;
    --deas-primary-soft: rgba(190, 255, 2, 0.1);
    --deas-secondary: #161616;
    --deas-accent: #b8c6be;

    /* --- SEMANTIC SURFACES --- */
    --deas-bg: #ffffff;
    --deas-surface: #f3f5f7;
    --deas-border: #e9ecef;
    --deas-text: #212529;
    --deas-text-muted: #a1a1a1; /* WCAG AA Compliant on dark backgrounds */

    /* --- THEME VARIANTS --- */
    --deas-light-bg: #fcfcfc;
    --deas-light-text: #343a40;
    --deas-dark-bg: #121212;
    --deas-dark-text: #ffffff;
    --deas-white: #ffffff;
    --deas-success: #28a745;
    --deas-success-bg: rgba(40, 167, 69, 0.1);
    --deas-success-border: rgba(40, 167, 69, 0.2);
    --deas-success-text: #155724;

    --deas-info: #0dcaf0;
    --deas-info-bg: rgba(13, 202, 240, 0.1);
    --deas-info-border: rgba(13, 202, 240, 0.2);
    --deas-info-text: #055160;

    --deas-warning: #ffc107;
    --deas-warning-bg: rgba(255, 193, 7, 0.1);
    --deas-warning-border: rgba(255, 193, 7, 0.2);
    --deas-warning-text: #664d03;

    --deas-danger: #dc3545;
    --deas-danger-bg: rgba(220, 53, 69, 0.1);
    --deas-danger-border: rgba(220, 53, 69, 0.2);
    --deas-danger-text: #842029;

    /* --- TYPOGRAPHY --- */
    --deas-font-body: Roboto, sans-serif;
    --deas-font-heading: "sporty-pro", var(--deas-font-body);
    --deas-size-body: 1rem;
    --deas-line-height-body: 1.5;
    --deas-size-lg: 1.5rem; /* Use H4 size as a reference for Large Text if needed */
    --deas-size-md: 1.3rem;
    --deas-size-sm: 0.9rem;

    --deas-p-size: 1.3rem;
    --deas-p-line-height: 1.7;
    --deas-p-margin-bottom: 1.5rem;
    --deas-p-font: var(--deas-font-body);

    /* Headings */
    --deas-h1-font: var(--deas-font-heading);
    --deas-h1-size: 3.5rem;
    --deas-h1: var(--deas-h1-size);
    --deas-h1-line-height: 1.2;
    --deas-h1-weight: 700;
    --deas-h1-color: inherit;
    --deas-h2-font: var(--deas-font-heading);
    --deas-h2-size: 2.5rem;
    --deas-h2: var(--deas-h2-size);
    --deas-h2-line-height: 1.2;
    --deas-h2-weight: 700;
    --deas-h2-color: inherit;
    --deas-h3-font: var(--deas-font-heading);
    --deas-h3-size: 2rem;
    --deas-h3: var(--deas-h3-size);
    --deas-h3-line-height: 1.2;
    --deas-h3-weight: 700;
    --deas-h3-color: inherit;
    --deas-h4-font: var(--deas-font-heading);
    --deas-h4-size: 1.5rem;
    --deas-h4: var(--deas-h4-size);
    --deas-h4-line-height: 1.2;
    --deas-h4-weight: 700;
    --deas-h4-color: inherit;
    /* Links */
    --deas-link-color: var(--deas-primary);
    --deas-link-decoration: underline;
    --deas-link-hover-decoration: none;

    /* Elements */
    --deas-quote-font: var(--deas-font-heading);
    --deas-quote-border-color: var(--deas-primary);
    --deas-list-marker-color: var(--deas-primary);

    /* Quote Styles Logic */
    --deas-quote-bg: var(--deas-surface);
    --deas-quote-border: none;
    --deas-quote-border-left-width: 5px;
    --deas-quote-shadow: none;
    
    --deas-hr-color: var(--deas-border);
    --deas-hr-height: 1px;
    --deas-hr-style: solid;

    /* --- RADIUS SYSTEM --- */
    --deas-radius-sm: 4px;
    --deas-radius-md: 8px;
    --deas-radius-lg: 1.5rem;
    --deas-radius-xl: 3rem;
    --deas-radius-pill: 9999px;
    --deas-radius-circle: 50%;
    --deas-radius-accent: var(--deas-radius-md, 8px);

    /* --- SPACING SCALE (1x) --- */
    --deas-space-xs: calc(0.5rem * 1);
    --deas-space-sm: calc(1rem * 1);
    --deas-space-md: calc(1.5rem * 1);
    --deas-space-lg: calc(3rem * 1);
    --deas-space-xl: calc(5rem * 1);
    --deas-space-section: calc(6rem * 1);
    --deas-gutter: calc(1.5rem * 1);

    --deas-size-xs: 0.75rem;
    --deas-h4: var(--deas-h4-size);
    --deas-h3: var(--deas-h3-size);
    --deas-h2: var(--deas-h2-size);
    --deas-h1: var(--deas-h1-size);

    /* --- FEATURE CARDS --- */
    /* Generated from Global Settings */
    --deas-card-radius: var(--deas-radius-md);
    --deas-card-bg: var(--deas-bg, #ffffff);
    --deas-card-text: var(--deas-text);
    --deas-card-align: center;
    
    /* Physics */
    --deas-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --deas-card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --deas-card-hover-transform: translateY(-5px);

    /* --- ADMIN HOOKS (Preserved) --- */
    --admin-bg: #d5d8e3;
    --admin-card-bg: rgba(255, 255, 255, 0.55);
    --admin-border: rgba(255, 255, 255, 0.2);
    --admin-heading: #212121;
    --admin-muted: #a0aec0;
    --admin-primary-700: #1a52a8;
    --admin-primary-500: var(--deas-secondary);
    --admin-primary-100: rgba(26, 82, 168, 0.1);
    --edit-card-bg: #ffffff;
    --edit-card-text: #1a1f36;
    /* --- FOOTER --- */
    --deas-footer-bg: var(--deas-dark-bg);
    --deas-footer-text: #ffffff;
    --deas-footer-link-hover: #b8c6be;
    
    /* --- NAVIGATION --- */
    --deas-nav-bg: var(--deas-light-bg);
    --deas-nav-text: var(--deas-text);
    --deas-nav-link-hover: var(--deas-primary);
    --deas-nav-link-hover-weight: inherit;
    --deas-nav-link-hover-underline: none;
    --deas-nav-link-active: var(--deas-primary);
    --deas-nav-breakpoint: 992px;
    --deas-mobile-menu-img-display: none;
    
    /* --- ADMIN BRANDING TOKENS --- */
    --deas-adm-primary: #542670;
    --deas-adm-secondary-1: #142177;
    --deas-adm-secondary-2: #c82431;
    --deas-adm-dark: #1e1e1e;
    --deas-adm-light: #f3f5f7;
    --deas-adm-neutral: #6c757d;
    --deas-adm-accent: #b8c6be;
    
    /* --- ADMIN TYPOGRAPHY --- */
    --deas-adm-font-body: "Inter", sans-serif;
    --deas-adm-font-heading: "Outfit", sans-serif;
    --deas-adm-size-body: 14px;
    --deas-adm-line-height-body: 1.5;

    /* --- HEADER --- */
    --deas-header-bg: var(--deas-light-bg);
    
    /* --- MEGA MENU (DESKTOP) --- */
    --deas-megamenu-bg: var(--deas-light-bg);
    --deas-megamenu-title: var(--deas-dark-bg);
    --deas-megamenu-text: var(--deas-dark-bg);
    --deas-megamenu-link: var(--deas-dark-bg);
    --deas-megamenu-promo-bg: var(--deas-light-bg);
    --deas-megamenu-image-card-bg: var(--deas-light-bg);
    
    --deas-megamenu-btn-bg: var(--deas-primary);
    --deas-megamenu-btn-text: var(--deas-light-bg);

    /* --- LAYOUT & UTILITIES --- */
    --deas-sticky-position: relative;
    --deas-sticky-top: auto;
    --page-max-width: 100%;
    --deas-container-max-width: 100%;
    --deas-footer-columns: 4;
    
    /* --- DECORATORS --- */
    --quote-icon-color: var(--deas-primary);
    --quote-bg-faded: color-mix(in srgb, var(--deas-primary), transparent 90%);
    --quote-top: -1rem;
    --quote-left: -1rem;
    --quote-right: auto;
    --quote-bottom: auto;

    /* --- MODALS --- */
    --deas-modal-overlay: color-mix(in srgb, #000000, transparent 20%);
    --deas-modal-blur: 10px;
    --deas-modal-radius: var(--deas-radius-md);

    /* --- DOWNLOADS --- */
    --deas-download-border: 1px solid var(--deas-border);
    --deas-download-shadow: var(--deas-card-shadow);
}
    
/* --- DEAS GLOBAL UTILITY CLASSES --- */
/* Backgrounds */
.bg-deas-primary { background-color: var(--deas-primary) !important; }
.bg-deas-secondary { background-color: var(--deas-secondary) !important; }
.bg-deas-accent { background-color: var(--deas-accent) !important; }
.bg-deas-tertiary { background-color: var(--deas-secondary) !important; /* functional alias */ }
.bg-deas-dark { background-color: var(--deas-dark-bg) !important; }
.bg-deas-light { background-color: var(--deas-light-bg) !important; }
.bg-deas-surface { background-color: var(--deas-surface) !important; }

/* Text Foregrounds */
.text-deas-primary { color: var(--deas-primary) !important; }
.text-deas-secondary { color: var(--deas-secondary) !important; }
.text-deas-tertiary { color: var(--deas-accent) !important; }
.text-deas-dark { color: var(--deas-dark-text, #212529) !important; }
.text-deas-light { color: #ffffff !important; }