/* Asia888 – Teal, gold & midnight (distinct from reference palette) */

:root {
    --primary: #14b8a6;
    --primary-dark: #0d9488;
    --primary-light: #5eead4;
    --primary-glow: rgba(20, 184, 166, 0.45);
    --primary-subtle: rgba(20, 184, 166, 0.12);

    --bg-darkest: #020617;
    --bg-darker: #0f172a;
    --bg-dark: #111827;
    --bg-card: #172033;
    --bg-card-hover: #1e293b;
    --bg-elevated: #1a2332;

    --text-primary: #f8fafc;
    --text-secondary: #a5e8e0;
    --text-muted: #94a3b8;
    --text-subtle: #64748b;

    --accent-cyan: #22d3ee;
    --accent-pink: #f472b6;
    --accent-gold: #eab308;
    --success: #22c55e;
    --warning: #f59e0b;
    --error: #ef4444;

    --border-subtle: rgba(20, 184, 166, 0.22);
    --border-default: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(20, 184, 166, 0.45);

    --gradient-primary: linear-gradient(135deg, #14b8a6 0%, #0d9488 45%, #047857 100%);
    --gradient-glow: linear-gradient(135deg, rgba(20, 184, 166, 0.35) 0%, rgba(4, 120, 87, 0.15) 100%);
    --gradient-dark: linear-gradient(180deg, #111827 0%, #020617 100%);
    --gradient-card: linear-gradient(145deg, #172033 0%, #0f172a 100%);
    --gradient-text: linear-gradient(135deg, #5eead4 0%, #eab308 65%, #fde68a 100%);
    --gradient-mesh: radial-gradient(at 38% 18%, rgba(20, 184, 166, 0.14) 0%, transparent 52%),
                     radial-gradient(at 82% 0%, rgba(234, 179, 8, 0.08) 0%, transparent 48%),
                     radial-gradient(at 0% 55%, rgba(34, 211, 238, 0.06) 0%, transparent 50%);

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.65);
    --shadow-glow: 0 0 30px var(--primary-glow);
    --shadow-card: 0 4px 24px rgba(20, 184, 166, 0.1);

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 9999px;

    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-fast: 0.2s var(--ease-out-expo);
    --transition-normal: 0.35s var(--ease-out-expo);
    --transition-slow: 0.5s var(--ease-out-expo);

    --font-display: 'Syne', 'Outfit', sans-serif;
    --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
}