/*
Theme Name:       Avahome — Expat Marketplace
Theme URI:        https://avahome.store
Description:      Bali's #1 expat marketplace theme. Free listings, escrow protection, built for the expat community of SE Asia. Companion theme for the Avahome plugin.
Author:           Wahyu — Avahome
Author URI:       https://avahome.store
Version:          1.0.0
Requires at least: 6.0
Requires PHP:     7.4
Text Domain:      avahome
License:          GPL v2 or later
*/

:root {
  /* === BRAND COLORS === */
  --ava-primary:        #6C47FF;
  --ava-primary-dark:   #5535E0;
  --ava-primary-soft:   #F0EDFF;
  --ava-coral:          #FF6B2B;
  --ava-coral-soft:     #FFF0EA;

  /* === SEMANTIC COLORS === */
  --ava-success:        #22C55E;
  --ava-success-soft:   #DCFCE7;
  --ava-warning:        #F59E0B;
  --ava-warning-soft:   #FEF3C7;
  --ava-danger:         #EF4444;
  --ava-danger-soft:    #FEE2E2;
  --ava-info:           #3B82F6;

  /* === NEUTRALS === */
  --ava-dark:           #1A1A2E;
  --ava-mid:            #4B5563;
  --ava-muted:          #9CA3AF;
  --ava-border:         #E5E7EB;
  --ava-bg:             #F8F9FB;
  --ava-card:           #FFFFFF;
  --ava-surface:        #F3F4F6;

  /* === TYPOGRAPHY === */
  --ava-font-sans:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ava-font-serif:     'Playfair Display', 'Georgia', 'Times New Roman', serif;
  --ava-font-mono:      'JetBrains Mono', 'Fira Code', monospace;

  /* === SPACING & RADIUS === */
  --ava-radius-sm:      8px;
  --ava-radius-md:      12px;
  --ava-radius-lg:      20px;
  --ava-radius-xl:      28px;
  --ava-radius-pill:    9999px;

  /* === SHADOWS === */
  --ava-shadow-sm:      0 1px 3px 0 rgba(0,0,0,0.08), 0 1px 2px -1px rgba(0,0,0,0.06);
  --ava-shadow-md:      0 4px 16px -2px rgba(108,71,255,0.10), 0 2px 8px -2px rgba(0,0,0,0.06);
  --ava-shadow-lg:      0 10px 40px -8px rgba(108,71,255,0.18), 0 4px 16px -4px rgba(0,0,0,0.08);
  --ava-shadow-hover:   0 16px 48px -8px rgba(108,71,255,0.22);

  /* === TRANSITIONS === */
  --ava-transition:     all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* === RESET & BASE === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--ava-font-sans);
  color: var(--ava-dark);
  background: var(--ava-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--ava-primary); text-decoration: none; transition: var(--ava-transition); }
a:hover { color: var(--ava-primary-dark); }