/* Gundari Transfers - UI Styles */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

        /* ── DARK THEME (default) ── */
        :root {
            --u: 3.9px;
            /* fallback; overridden by JS with real body width / 100 */
            --bg: #0a0e17;
            --surface: rgba(18, 22, 34, 0.85);
            --surface2: rgba(26, 32, 48, 0.7);
            --border: rgba(45, 52, 75, 0.55);
            --accent: #4d96f7;
            --success: #3fcf8e;
            --warn: #f5a623;
            --danger: #e05c5c;
            --text: #e2e6f0;
            --muted: #626a90;
            --mono: 'DM Mono', monospace;
            --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            --syne: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            --serif: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            --glass: rgba(255, 255, 255, 0.03);
            --glass-border: rgba(255, 255, 255, 0.08);
            --gold: #c8aa70;
            --gold-dim: rgba(200, 170, 112, 0.15);

            /* Card type tints — dark */
            --arr-bg: rgba(42, 122, 80, 0.10);
            --arr-bg2: rgba(42, 122, 80, 0.20);
            --arr-bar: #2a7a50;
            --arr-badge-bg: rgba(42, 122, 80, 0.15);
            --arr-badge: #4ecf8e;

            --dep-bg: rgba(26, 90, 154, 0.10);
            --dep-bg2: rgba(26, 90, 154, 0.20);
            --dep-bar: #2060b0;
            --dep-badge-bg: rgba(26, 90, 154, 0.15);
            --dep-badge: #6aacf0;

            --spc-bg: rgba(120, 50, 140, 0.10);
            --spc-bg2: rgba(120, 50, 140, 0.20);
            --spc-bar: #8a3aaa;
            --spc-badge-bg: rgba(120, 50, 140, 0.15);
            --spc-badge: #c070e0;

            --next-bg: rgba(77, 150, 247, 0.06);
            --next-bar: rgba(77, 150, 247, 0.6);
        }

        /* ── LIGHT THEME ── */
        :root.light {
            --bg: #f4f5f9;
            --surface: rgba(255, 255, 255, 0.92);
            --surface2: rgba(240, 242, 248, 0.85);
            --border: rgba(200, 206, 224, 0.6);
            --accent: #2b7de9;
            --success: #1fad6e;
            --warn: #d4880a;
            --danger: #c0392b;
            --text: #1a1f36;
            --muted: #7e86a4;
            --glass: rgba(255, 255, 255, 0.5);
            --glass-border: rgba(255, 255, 255, 0.7);
            --gold: #a08040;
            --gold-dim: rgba(160, 128, 64, 0.12);

            --arr-bg: #f0f9f4;
            --arr-bg2: #e2f4ea;
            --arr-bar: #2a7a50;
            --arr-badge-bg: #d8f0e4;
            --arr-badge: #1a6a40;

            --dep-bg: #eef3fc;
            --dep-bg2: #e2ecfa;
            --dep-bar: #1a5a9a;
            --dep-badge-bg: #d8e8f8;
            --dep-badge: #1a4a8a;

            --spc-bg: #f6f0fc;
            --spc-bg2: #f0e0fa;
            --spc-bar: #8a3a9a;
            --spc-badge-bg: #eed8f8;
            --spc-badge: #6a2a8a;

            --next-bg: #fffdf0;
            --next-bar: #1a1a18;
        }