/*
Theme Name: PresetBD Arcade - iOS 26
Theme URI: https://example.com/
Author: presetbd
Author URI: https://example.com/
Description: A custom WordPress arcade theme inspired by the "Nova Arcade HTML 5 Game Portal", with a strict "iOS 26 App Store" visual identity.
Version: 1.0.0
Text Domain: presetbd-arcade
*/

/* Core iOS 26 Variables */
:root {
    --bg-color: #f5f5f7;
    --text-color: #1d1d1f;
    --secondary-text: #86868b;
    --accent-color: #007aff;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    --glass-blur: blur(24px) saturate(180%);

    /* Layout */
    --max-width: 1200px;
    --border-radius-lg: 32px;
    --border-radius-md: 20px;
    --border-radius-sm: 12px;
    --spacing: 24px;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #000000;
        --text-color: #f5f5f7;
        --secondary-text: #a1a1a6;
        --glass-bg: rgba(30, 30, 30, 0.65);
        --glass-border: rgba(255, 255, 255, 0.1);
        --glass-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    }
}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
}

a:active {
    opacity: 0.7;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Base Utility Classes */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--glass-shadow);
}