/* JSpider Test - CSS File with hidden secrets */

:root {
    /* API key hidden in CSS variable */
    --api-endpoint: url('/api/v5/theme/data');
    --backup-file: url('/assets/backups/styles_backup.css');
    --secret-token: 'sk_prod_1234567890abcdefGHIJKLMNOPQRSTUVWXYZ';
}

/* Background image paths */
body {
    font-family: 'Arial', sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-image: url('/images/bg-pattern.png');
    color: #333;
    margin: 0;
    padding: 20px;
}

/* Hidden endpoint in @import */
@import url('/fonts/custom-font.woff2');
@import url('/styles/vendor/bootstrap.min.css');

.container {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

h1 {
    color: #667eea;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

h2 {
    color: #764ba2;
    margin-top: 30px;
}

/* More file paths in background */
.api-section {
    background: url('/assets/icons/api-icon.svg') no-repeat top right;
    padding: 20px;
    margin: 20px 0;
}

.api-section ul {
    list-style: none;
    padding: 0;
}

.api-section li {
    padding: 10px;
    margin: 5px 0;
    background: #f8f9fa;
    border-left: 4px solid #667eea;
}

.api-section a {
    color: #667eea;
    text-decoration: none;
    font-weight: bold;
}

.api-section a:hover {
    color: #764ba2;
}

/* Hidden in content property */
.config::before {
    content: 'Firebase: https://myapp-staging.firebaseio.com';
    display: none;
}

.config::after {
    content: 'Backup: /admin/db/backup_latest.sql.gz';
    display: none;
}

/* More hidden endpoints */
/*
Admin CSS: /admin/assets/admin.css
Old styles: /legacy/styles/old-theme.css
Development: /dev/styles/debug.css
Sourcemap: /css/main.css.map
*/

/* AWS S3 bucket reference */
@font-face {
    font-family: 'CustomFont';
    src: url('https://my-cdn-bucket.s3.amazonaws.com/fonts/custom.woff2') format('woff2');
}

/* Hidden API endpoint in media query */
@media screen and (max-width: 768px) {
    body {
        /* Mobile API: /api/mobile/v1/data */
        background-size: cover;
    }
}

/* jQuery CDN (for endpoint detection) */
/* 
<script src="/vendor/jquery-3.6.0.min.js"></script>
<script src="/js/plugins/analytics.js"></script>
*/

/* MongoDB connection string in comment */
/* mongodb://admin:SecurePass2024!@mongodb.example.com:27017/productionDB */

/* Stripe publishable key */
/* pk_live_51AbCdEfGhIjKlMnOpQrStUvWxYz1234567890 */