/* ==========================================================================
   PHONE STORE - GLOBAL DESIGN TOKENS & RESET
   Cyber Tech Blue Theme & Typography
   ========================================================================== */

/* Universal Box-Sizing & Margin Reset */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0 !important;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    background-color: var(--bg-page, #f8fafc);
    color: var(--text-main, #0f172a);
    font-family: var(--font-family, 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    /* Brand & Accent Colors */
    --hdr-primary: #0062ff;
    --hdr-primary-hover: #004ecc;
    --hdr-primary-light: #edf5ff;
    --hdr-accent: #00aaff;
    --hdr-dark: #0a1118;
    --hdr-text: #1a2332;
    --hdr-text-muted: #5a6b82;
    --hdr-border: rgba(226, 232, 240, 0.85);
    --hdr-glass-bg: rgba(255, 255, 255, 0.95);
    --hdr-shadow: 0 10px 30px rgba(10, 17, 24, 0.06);

    /* Footer Palette */
    --ftr-bg: #070d14;
    --ftr-card-bg: #0d1722;
    --ftr-border: #162232;
    --ftr-text: #94a3b8;
    --ftr-text-title: #f8fafc;
    --ftr-accent: #38bdf8;

    /* Theme Tokens */
    --primary-color: #0062ff;
    --primary-hover: #004ecc;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --bg-page: #f8fafc;
    --font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

    /* Enterprise Retail Color Tokens */
    --price-red: #d70018;
    --price-red-dark: #c00015;
    --success-green: #10b981;
    --warning-orange: #f59e0b;

    /* Mobile-First Layout & Touch Standards */
    --sat: env(safe-area-inset-top, 0px);
    --sab: env(safe-area-inset-bottom, 0px);
    --mobile-header-h: 56px;
    --mobile-bottom-nav-h: 56px;
    --mobile-touch-target: 44px;
    --product-grid-gap-mobile: 10px;
}