/* ============================================================
   RanoverChat — Design Tokens
   Paleta: base clara premium (branco/cinza-claro) e acentos em
   variações de azul (violeta→azul→azul-claro), fiéis à marca.
   ============================================================ */

:root{
  /* --- superfícies --- */
  --bg:            #ffffff;
  --bg-soft:       #f4f5fa;
  --bg-elevated:   #ffffff;
  --surface:       #ffffff;
  --surface-2:     #f1f2f8;
  --surface-hover: #eaecf6;

  /* --- bordas --- */
  --border:        rgba(15,23,42,.08);
  --border-strong: rgba(15,23,42,.15);
  --border-accent: rgba(0,23,45,.28);

  /* --- texto --- */
  --text:          #14161f;
  --text-muted:    #565b70;
  --text-faint:    #868aa0;
  --text-on-accent:#ffffff;

  /* --- acentos --- */
  --violet:        #0f4c81;
  --violet-soft:   #0a3660;
  --blue:          #1f7dc4;
  --blue-light:    #60ade0;
  --gold:          #60ade0;
  --gold-soft:     #1d4d80;

  --gradient-brand: linear-gradient(135deg, #00172d 0%, #3d6db5 100%);
  --gradient-brand-soft: linear-gradient(135deg, rgba(0,23,45,.08), rgba(61,109,181,.07));
  --gradient-gold: linear-gradient(135deg, #60ade0 0%, #1d4d80 100%);
  --gradient-mesh: radial-gradient(60% 50% at 20% 20%, rgba(0,23,45,.09), transparent 60%),
                    radial-gradient(50% 40% at 85% 15%, rgba(61,109,181,.08), transparent 60%),
                    radial-gradient(40% 40% at 75% 85%, rgba(96,173,224,.08), transparent 60%);

  /* --- tipografia --- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Fraunces', Georgia, serif;

  /* --- raios --- */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-full: 999px;

  /* --- sombras --- */
  --shadow-sm: 0 2px 8px rgba(20,22,40,.06);
  --shadow-md: 0 8px 30px rgba(20,22,40,.09);
  --shadow-lg: 0 20px 60px rgba(20,22,40,.14);
  --shadow-glow: 0 0 0 1px rgba(0,23,45,.10), 0 20px 60px rgba(0,23,45,.10);

  /* --- transições --- */
  --ease: cubic-bezier(.19,1,.22,1);
  --ease-soft: cubic-bezier(.4,0,.2,1);
  --t-fast: .2s;
  --t-med: .45s;
  --t-slow: .8s;

  /* --- container --- */
  --container-max: 1240px;
  --container-pad: clamp(20px, 5vw, 64px);

  color-scheme: light;
}