/* =========================================================================
           DESIGN SYSTEM iOS 26 — FLUID FROSTED GLASS & TACTILE DEPTH
           (DIRETRIZ MANDATÓRIA CLARO: ZERO TONS DE ROXO/VIOLETA/MAGENTA)
           ========================================================================= */
        :root {
            --claro-red: #ff333a;
            --claro-red-glow: rgba(255, 51, 58, 0.35);
            --claro-red-dark: #cc181e;
            --ios-bg: #f2f2f7;
            --ios-card-bg: rgba(255, 255, 255, 0.72);
            --ios-card-solid: #ffffff;
            --ios-card-elevated: rgba(255, 255, 255, 0.88);
            --text-primary: #1c1c1e;
            --text-secondary: #636366;
            --text-tertiary: #8e8e93;
            --ios-border: rgba(0, 0, 0, 0.08);
            --ios-border-highlight: rgba(255, 255, 255, 0.6);
            --ios-glass-header: rgba(242, 242, 247, 0.82);
            --ios-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
            --ios-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
            --ios-shadow-hover: 0 14px 34px rgba(239, 40, 46, 0.16);
            --gold-accent: #d4af37;
            --gold-bg: rgba(212, 175, 55, 0.14);
            --green-accent: #34c759;
            --green-bg: rgba(52, 199, 89, 0.12);
            --orange-accent: #ff9500;
            --orange-bg: rgba(255, 149, 0, 0.12);
            --slate-accent: #6c757d;
            --slate-bg: rgba(108, 117, 125, 0.12);
            --blue-accent: #007aff;
            --blue-bg: rgba(0, 122, 255, 0.12);
            --squircle-radius: 20px;
            --pill-radius: 9999px;
        }

        [data-theme="dark"] {
            --claro-red: #ff3b30;
            --claro-red-glow: rgba(255, 59, 48, 0.45);
            --claro-red-dark: #b31b20;
            --ios-bg: #000000;
            --ios-card-bg: rgba(28, 28, 30, 0.68);
            --ios-card-solid: #1c1c1e;
            --ios-card-elevated: rgba(44, 44, 46, 0.75);
            --text-primary: #ffffff;
            --text-secondary: #a1a1a6;
            --text-tertiary: #636366;
            --ios-border: rgba(255, 255, 255, 0.1);
            --ios-border-highlight: rgba(255, 255, 255, 0.18);
            --ios-glass-header: rgba(10, 10, 12, 0.82);
            --ios-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
            --ios-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
            --ios-shadow-hover: 0 16px 36px rgba(255, 59, 48, 0.25);
            --gold-accent: #ffd60a;
            --gold-bg: rgba(255, 214, 10, 0.15);
            --green-accent: #30d158;
            --green-bg: rgba(48, 209, 88, 0.15);
            --orange-accent: #ff9f0a;
            --orange-bg: rgba(255, 159, 10, 0.15);
            --slate-accent: #8e8e93;
            --slate-bg: rgba(142, 142, 147, 0.15);
            --blue-accent: #0a84ff;
            --blue-bg: rgba(10, 132, 255, 0.15);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
                        border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
                        box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                        color 0.2s ease;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Roboto", "Helvetica Neue", sans-serif;
            background-color: var(--ios-bg);
            color: var(--text-primary);
            padding-bottom: 90px;
            min-height: 100vh;
            letter-spacing: -0.015em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            overflow-x: hidden;
        }

        /* Ambient Frosted Glass Orbs (Zero Roxo - Paleta Homologada Claro) */
        .ambient-orbs-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            pointer-events: none;
            z-index: 0;
        }

        .ambient-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(85px);
            opacity: 0.42;
            animation: orbFloat 22s infinite alternate ease-in-out;
            pointer-events: none;
        }

        .orb-red {
            top: -40px;
            left: 15%;
            width: 480px;
            height: 480px;
            background: radial-gradient(circle, var(--claro-red) 0%, rgba(239, 40, 46, 0.35) 55%, transparent 75%);
        }

        .orb-amber {
            top: 38%;
            right: -60px;
            width: 420px;
            height: 420px;
            background: radial-gradient(circle, #ff9800 0%, rgba(255, 152, 0, 0.3) 55%, transparent 75%);
            animation-delay: -6s;
            animation-duration: 25s;
        }

        .orb-blue {
            bottom: -50px;
            left: 8%;
            width: 460px;
            height: 460px;
            background: radial-gradient(circle, #007aff 0%, rgba(0, 122, 255, 0.28) 55%, transparent 75%);
            animation-delay: -12s;
            animation-duration: 28s;
        }

        .orb-gold {
            top: 65%;
            left: 50%;
            width: 380px;
            height: 380px;
            background: radial-gradient(circle, #ffc107 0%, rgba(255, 193, 7, 0.25) 55%, transparent 75%);
            animation-delay: -18s;
            animation-duration: 24s;
        }

        @keyframes orbFloat {
            0% { transform: translate(0, 0) scale(1); }
            50% { transform: translate(35px, -30px) scale(1.08); }
            100% { transform: translate(-25px, 40px) scale(0.94); }
        }

        [data-theme="light"] .ambient-orb {
            opacity: 0.2;
            filter: blur(100px);
        }